如何设置jqgrid的替代行颜色和背景颜色

Posted 2023-02-15

【中文标题】如何设置jqgrid的替代行颜色和背景颜色

【英文标题】：How to set alternative row color and background color of jqgrid

【发布时间】：2014-03-23 01:30:58

【问题描述】：

在 jqgrid 中，我需要做以下几点： 1.设置jqgrid的交替行背景颜色。 2.设置jqgrid的Header背景颜色。

请分享我应该在我的页面中添加哪种样式或任何 jquery 脚本来实现这一点？

谢谢

【问题讨论】：

***.com/questions/5553177/…

***.com/questions/19841588/…

试过了，$(".ui-jqgrid tr.jqgrow:odd").css("background-color", "red");，$("tr.jqgrow:odd").css("background", "#FCF9E6");但无法更改备用行颜色。保持原样。

【参考方案1】：

我之前提出的问题jqgrid odd even row color 解决了您更改 jqgrid 背景颜色的问题。

步骤：1 使用 css 更改 jqgrid 中的列背景颜色

loadComplete: function() 
    $("tr.jqgrow:odd").css("background", "#E0E0E0");
,

步骤：2 更改 jqgrid 的 header color 在 css 类下使用。

.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column 
    border-bottom: 0 none;
    border-top: 0 none;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    background: orange;