ag-grid将样式应用于总页脚

问题描述

我正在使用groupIncludetotalFooter显示页脚。我可以使用footerValueGetter更改页脚文本。

但是，我正试图找到一种更好的方法来将某些样式应用于“页脚”行中。

目前，我正在做一些CSS选择，如下所示。想知道这是唯一的方法还是更好的方法。

.my-component .ag-row-footer {
 background-color:#FFFFFF;
}

解决方法

您可以通过利用网格回调方法getRowStyle通过编程实现此目的：

gridOptions = {
    getRowStyle: (params) => {
      if (params.node.footer) {
        return { fontWeight: 'bold' };
      }
    },}

这将使页脚变粗，如following example

所示

如果需要更大的灵活性，可以通过其他方法以编程方式实现此目的：https://www.ag-grid.com/javascript-grid-row-styles/