如何更改 jqgrid 页脚数据的颜色？

Question

我有一个 jqgrid，在页脚显示总值。我想将负值的颜色转换为红色。我该怎么做？

Answer 1

如果你使用false作为footerData的最后一个参数，jqGrid不会格式化数据。所以你可以使用像<span style="color:red">...</span>这样的HTML片段来改变显示数据的颜色。或者，您可以使用像 ui-state-error 这样的 jQuery CSS 框架类来突出显示文本（参见 the answer）。

如果您仍需要格式化汇总值，您可以使用$.fmatter.util.NumberFormat（请参阅the answer 或this one）或使用formatter 方法，如the demo 中的方法

哪个使用

footerrow: true,
loadComplete: function () {
    var $self = $(this),
        sum = $self.jqGrid("getCol", "amount", false, "sum"),
        i,
        iCol = $("#" + $.jgrid.jqID(this.id) + "_" + "amount")[0].cellIndex, // get index of "amount" column
        sumFormatted = this.formatter("", sum, iCol);

    $self.jqGrid(
        "footerData",
        "set",
        {
            invdate: "Total:",
            amount: sum < 0 ? "<span style='color:red'>" + sumFormatted + "</span>": sum
        },
        false
    );
}