如何使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 ]