Javascript 在JqGrid中包装文本行

你能在

JqGrid

中获得要包装的文本行吗？我四处查看了一下，但什么也找不到。

试试下面的CSS：

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

这对我使用jqGrid 3.6是有效的

---

正如N30所指出的，jqGrid 4.0现在支持colModel选项，该选项允许对文本包装进行更精细的控制。从他的例子来看：

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

---

对于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

            ]

---

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

我对标题有这个问题，发现我需要所有这些来让它在IE中也得到修复。请注意，这是针对标题的，而不是单元格。问题是它的效果可能比你想要的要大（我相信我会在后面发现），但你可以随时改进css选择器和/或让它们引用特定的#tableIdName或某个类，以便你可以随心所欲地选择

.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;  
}

您可以使用colModel选项在列上放置一个CSS类，然后在CSS文件中放置样式

空白：normal！重要的在该类上

班级

串

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

在网格css中有一个预定义的类ui省略号，它允许将省略号附加到特定行。这在FireFox中也适用