如何在选择列时在JQGrid中为整列添加类

Question

我正在使用JqGrid。我想在选择列时为整列应用css类。在网格中，所选列是隐藏的，但在导出时导出整个div。因此，如果基于我可以排除应用类的列的特定类应用于整个列。

Answer 1

我创建了the demo，这是对来自the old answer的演示的修改，以演示如何使用cellattr回调在排序列上设置类。我根据排序的方向设置不同的类。我使用选项cmTemplate在cellattr的所有列中设置colModel回调。

cmTemplate: {
    cellattr: function(rowId, cellValue, rawObject, cm, rdata) {
        var p = this.p; // $(this).jqGrid("getGridParam")
        if (cm.name === p.sortname) {
            return p.sortorder === "asc" ?
                " class='gradientH1'" :
                " class='gradientH2'";
        }
    }
}

结果如下图所示

最后，我建议你不要使用当前使用的4.4.4的jqGrid 的复古版本。版本已经死了，你可能不希望在你的制作中使用僵尸。我建议你使用free jqGrid 4.13.3。这是我开发的jqGrid的分支。您可以使用来自CDN（参见the wiki article）或来自npm，bower，NuGet，maven（参见自述文件）。例如，如果您从NuGet安装了4.4.4版，则可以将其卸载并安装free jqGrid软件包。