在 jqGrid 页脚行中设置背景颜色答案

【问题标题】：Set Background Color in jqGrid Footer Row在 jqGrid 页脚行中设置背景颜色
【发布时间】：2015-12-17 17:03:39
【问题描述】：

以下代码不会改变背景颜色。

function gComplete(){

        var $grid = $('#timesheetlineitemsqueue');
        var colSum = $grid.jqGrid('getCol', 'totals', false, 'sum');
        $grid.jqGrid('footerData', 'set', { 'totals': colSum });
        $grid.jqGrid('footerData', 'set', { 'day7': 'Total' });
        $grid.jqGrid('footerData', 'set', { background: 'red'});


    }

我做错了什么？如果这是原因，我将如何使这 !important 变得重要？

【问题讨论】：

您想在整个页脚行或某个特定单元格上设置背景颜色吗？您是想根据值 colSum 设置颜色（您将它设置在 gridComplete 回调中）还是只是设置一些独立于总和值的颜色？您将文本放在totals 和day7 列中。你在列中使用格式化程序吗？
这可能很疯狂，但“背景”需要用单引号括起来吗？
不，配额并不重要。 footerData 方法不能用于在单元格或行上设置 CSS 类。如果您希望我帮助您，请回答我在之前的评论中提出的问题。
我希望整行是不同的颜色，以将其与其他网格行区分开来。它不依赖于任何东西，只是一种静态颜色。

标签： jquery css jqgrid

【解决方案1】：

例如，您可以使用以下 CSS 规则

.ui-jqgrid-sdiv .ui-jqgrid-ftable .footrow {
    background-color: red;
    background-image: none
}

footerData 方法不支持任何可以让你动态改变颜色的参数。

【讨论】：

谢谢奥列格。效果很好。
@SteveDyke：不客气！如果问题解决了，你应该"accept"答案。