將格式應用於 ag-Grid 中的行

Question

我正在使用 Ag-grid 並且需要將最后一行（總計）設置為粗體和一些背景。 考慮到我們定義了列，我該如何實現？ 此外，雖然可以通過檢查 params.value === 'Total' 來識別最后一行標簽（即網格的第一列最后一行），但該行的其他列可以具有動態總值（因此無法比較它們的實際文本）如下是配置的樣子（僅針對其中一列）

   [ {
            headerName: '',
            field: 'Status',
            width:  defaultWidth,
            tooltipField:'status',
            headerTooltip: 'Status',
            sortable: false,
            resizable: false,
            cellStyle: params => {
              if (params.value === 'Total') {
                return { backgroundColor: color.orange,"font-weight":"bold" };
              } else {
                return null;
              }
            }
        }, {.....}]

Answer 1

您可以使用 Grid Option getRowStyle設置最后一行的getRowStyle ：

  getRowStyle: (params) =>
    params.node.lastChild
      ? { backgroundColor: 'orange', 'font-weight': 'bold' }
      : null

相關文檔： https : //www.ag-grid.com/javascript-grid/row-styles/

請參閱以下示例中的實現： https : //plnkr.co/edit/Vu32lW7jROiN0h5Q