jquery - 如何在jqgrid中的单元格中添加类

Question

我有以下 colModel，

    colModel:[
                        {name:'alertid',index:'alertid', width:0, align:'left', sortable:false,hidden:true, resizable:false},
                        {name:'name',index:'name', width:12, sortable:false,  resizable:false, classes:'colCell'},
                        {name:'alerttype',index:'alerttype', width:0, align:'left', sortable:false, hidden:true, resizable:false}
                ],

和班级：

    .colCell {
            padding-left: 15px
        }

但是该类并未应用于单元格。

我究竟做错了什么？'classes' 选项是否仅适用于某些版本？

我使用的 jqgrid 是 4.1.1。

Answer 1

原因是应用 CSS 样式的优先级。如果您要在 Internet Explorer 中打开类似青年的演示，通过按 of 启动开发人员工具，F12然后选择未应用的单元格（按Ctrl+ B），colCell您将看到类似以下内容

所以更具体的 CSS 规则.ui-jqgrid tr.jqgrow td覆盖你的 CSS 规则。因此，您只需将规则更改为例如

.ui-jqgrid tr.jqgrow td.colCell {
    padding-left: 15px;
}

现在它将按预期应用。查看演示（“客户”列留有 15px 的填充）：

Answer 2

这是着色的另一种解决方案：向列添加 CSS 类

如果你想使用“类”参数，你可能需要！“重要”但使用：

http://www.trirand.com/blog/?page_id=393/help/jqgrid-set-a-fixed-background-color-for-an-entire-column/