igGrid – 集計行をセルごとに別の書式で表示させたい

SummariesのrenderSummaryCellFuncプロパティで書式化するfunctionを指定できます。列ごとによる制御、集計関数ごとによる制御も可能です。

$("#grid1").igGrid({
    ...
    features: [
        {
            name: 'Summaries',
            // https://jp.igniteui.com/help/api/2021.2/ui.iggridsummaries#options:renderSummaryCellFunc
            renderSummaryCellFunc: renderSummaryCell,
        }
    ]
})

function renderSummaryCell(methodName, columnKey, data) {
    var res = data.rowDisplayLabel + " = " + data.result;

    // 列キーが"StockedAmount"、かつ、集計関数が"sum"の場合、数値の前に"+"を付加する。
    if(columnKey === "StockedAmount" && methodName === "sum")
    {
        res = data.rowDisplayLabel + " = " + "+" + data.result;
    }

    var sContainerId = "#" + this.grid.element[0].id + "_summaries_footer_row_text_container_";
    this.grid.container()
        .find(sContainerId + methodName + "_" + columnKey)
        .html(res);
}

サンプル

APIリファレンス

• renderSummaryCellFunc
  • https://jp.igniteui.com/help/api/2021.2/ui.iggridsummaries#options:renderSummaryCellFunc