在JqGrid中包装文本行

你能得到的文本行包装在JqGrid ？ 我已经看了一圈，但我找不到任何东西。

Answer 1

试试下面的CSS：

  .ui-jqgrid tr.jqgrow td { white-space: normal !important; } 

这对我使用jqGrid 3.6的作品。

---

正如N30指出的那样，jqGrid 4.0现在支持cellattr colModel选项，它可以对文本换行进行更精细的控制。 从他的例子：

 cellattr: function (rowId, tv, rawObject, cm, rdata) { return 'style="white-space: normal;"'; } 

Answer 2

使用jQGrid 4.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 ] 

通过这种方式，您可以将包装样式应用于单个列，而不必使用！important

Answer 3

我有这个问题的标题，发现我需要所有这一切，以得到它也在IE中修复它。 请注意，这是为标题，而不是单元格。 这个问题可能会造成比你想要的更多的效果（因为我相信我会在后面发现），但是你总是可以细化CSSselect器和/或让它们引用特定的#tableIdName或者一些类，以便你可以selectjoin你自己。

 .ui-jqgrid .ui-jqgrid-htable th div { overflow: visible !important; height: auto !important; } .ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column { white-space: normal !important; } .ui-jqgrid .ui-th-div-ie{ white-space: normal !important; } 

Answer 4

你可以使用classes colModel选项在你的列上放置一个CSS类，然后把你的CSS文件的样式为white-space: normal !important; 在那个class上…

类

串

该选项允许将类添加到列中。 如果使用多个类，则应该设置一个空格。 通过示例classes:'class1 class2'将为该列上的每个单元格设置class1和class2。

在网格CSS有一个预定义的类ui-ellipsis允许将省略号附加到特定的行。 这也将在FireFox中工作。