jqgrid - jqgridのフッターデータの色を変更するにはどうすればよいですか?

Question

jqgrid があり、フッターに合計値が表示されています。負の値の色を赤に変換したい。どうやってやるの？

Answer 1

falseデータの最後のパラメータとして使用するとfooterData、jqGrid によってフォーマットされません。<span style="color:red">...</span>したがって、表示されるデータの色を変更するなどの HTML フラグメントを使用できます。または、jQuery CSS Framework クラスを使用ui-state-errorして、テキストを強調表示することもできます (回答を参照してください)。

それでもサマリー値をフォーマットする必要がある場合は、使用できる$.fmatter.util.NumberFormat(回答またはthis oneを参照) またはデモのformatterようなメソッドを使用します

使用する

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
    );
}