在JqGrid中包装文本行

Question

你能把文字行包起来JqGrid吗？我看了一眼,但找不到任何东西.

Answer 1

尝试以下CSS:

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

这适用于我使用jqGrid 3.6.

正如N30所指出的那样,jqGrid 4.0现在支持cellattrcolModel选项,它允许对文本换行进行更细粒度的控制.从他的例子来看:

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