如何使jqgrid单元格溢出的行为类似于html表
我有一个jqgrid,其中一些单元格中包含大量内容。 似乎jqgrid的默认设置是隐藏溢出并且没有文本换行到新行(如果需要)。 有没有办法允许jqgrid单元格根据需要扩展?
有同样的问题,这没有回答,并在谷歌首先,所以这里是:
/* your grid discriminator*/ tr td { white-space: normal; height: auto; }
我还发现overflow: normal
建议overflow: normal
; 这甚至不是合法的CSS; 它不在W3C的列表中,而且FireBug正好吃了它。
您可以使用colModel的’classes’属性,例如:
colModel: [ { name: 'ClientName', label: 'Client', index: 'ClientName', width: 150, classes: 'wrappedJqGridCell'}, .... other columns ]
然后在CSS文件中有适当的东西:
.wrappedJqGridCell { white-space: normal !important; line-height: 200%; }
这样,您可以集中处理样式,但仍然可以逐个单元地应用它。 而且您不必使用JQGrid 4或更高版本,就像’cellattr’解决方案一样。
请记住,如果您更喜欢使用省略号(’…’)而不是换行,那么JQGrid CSS内置了一个类,这就是’ui-ellipsis’。 这也适用于FireFox(通常需要更多的工作才能获得省略号)。
嗯..已经尝试了明显的解决方案? 调整jqgrid附带的CSS以允许单元格执行此操作?
使用jQGrid v4.0在colmodel中使用cellattr
喜欢以下
colModel: [ { name: 'ClientName', label: 'Client', index: 'ClientName', width: 150, cellattr: function (rowId, tv, rawObject, cm, rdata) { return 'style="white-space: normal;' } }, .... other columns ]