ag网格将样式应用于Total页脚

Question

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

然而，我正试图找到一种更好的方法来将一些样式应用于"总计"页脚行。

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

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

Answer 1

您可以通过利用网格回调方法getRowStyle:以编程方式实现这一点

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

这将使页脚加粗，如下面的示例所示

如果您需要更大的灵活性，文档中还有其他方法可以通过程序实现这一点：https://www.ag-grid.com/javascript-grid-row-styles/