如何将css应用于jqgrid标题列

Posted 2023-05-07

【中文标题】如何将css应用于jqgrid标题列

【英文标题】：How to apply css to jqgrid header column

【发布时间】：2021-11-19 05:30:41

【问题描述】：

我正在用 jqgrid 绘制一个表格。

我想更改页眉的背景颜色和文本颜色。

我正在尝试通过将类应用于标题来更改 css，我该如何应用它？

我希望它只应用于特定的标题单元格，而不是列或行。

【问题讨论】：

使用哪个版本的 jqGrid。从某些版本开始，我们在 colModel 中有可配置的参数

jqgrid 版本为 jqGrid.4.4.5 和 jquery-1.12.4

【参考方案1】：

这里是一个例子：https://plnkr.co/edit/aNAThTm5aRtQzYiO?preview

您可以在css中使用#list_column name来设置标题背景颜色或文本颜色，

<style>
    #list_id
        background-color:green;
        color:white;
    
    #list_invdate
        background-color:blue;
        color:white;
    
</style>

输出：