如何在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
        }

但该课程没有应用于该小组。

我做错了什么？ “类”选项仅适用于某些版本吗？

我使用的jqgrid是4.1.1。

Answer 1

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

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

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

现在它将按预期应用。请参阅the demo（“客户”栏目左侧填充15px）：

Answer 2

这是着色的另一种解决方案：Adding a CSS class to a column

如果您要使用'classes'参数，则可能需要！ '重要'但使用：

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