使用 setLabel 方法对冻结列的标题应用 CSS

Question

我正在尝试使用以下代码为 jqgrid 中的标头应用背景颜色：

$("#" + gridId).jqGrid("setLabel", "Action", "Website", { "background": "red" });

它正在工作，但是如果列被冻结，它就不起作用。请帮忙。

Answer 1

冻结列的实现在 jqGrid 4.6.0 中存在错误。实现需求的最简单方法：升级到免费的 jqGrid 4.13.1 并使用colModel属性labelClasses（请参阅演示）。在列标题上设置 CSS 将是最小的问题。免费的 jqGrid 在与 jqGrid 4.6 相同的许可证 （MIT/GPLv2） 下提供。

只有当你目前真的无法更新到免费的jqGrid时，你才必须手动设置列标题的CS样式。相应的代码可能如下所示

var $grid = $("#" + gridId);
$($grid[0].grid.hDiv)
    .find("tr.ui-jqgrid-labels th")
    .eq(pos)
    .add(
        $($grid[0].grid.fhDiv)
            .find("tr.ui-jqgrid-labels th")
            .eq(pos))
    .css({ background: "red" });

其中pos是列的索引。

要使用columnChooser，您应该包括 ui.multiselect.css 、 jquery-ui.min.js 和 ui.multiselect.js 。您可以在 jqGrid 的插件子目录中找到ui.multiselect.*。