在Ag-grid中对行进行分组

Question

在我的表中，我正在使用“分组行”，但是我需要设置分组长度的样式，在所示示例中，分组标签就像“ + Title grouo（3）”。 我需要设置'（3）'的样式，例如添加bootsrap标签。

我该如何造型？

Answer 1

农业网格非常强大，并且有很多自定义选项。 我还没有使用企业版，所以没有尽可能多地使用行分组选项来回答您的问题。 但是，这就是我所发现的。

如果决定为组本身设置特殊的列，则可以使用cellRenderer 。 此单元格渲染器允许您根据需要自定义html，并且是“组”列的columnDefs的属性。

或者，如果您选择让组使用整个行，而没有单独的组列，则可以使用groupRowRenderer或groupRowInnerRenderer回调，它们是gridOptions的属性 。

这是由ag-Grid提供的示例，该示例使用groupRowInnerRenderer，似乎与您要查找的相似。

最后，如果您正在寻找最快，最简单的方法，则可以使用jQuery或普通的DOM查找来找到ag-group-child-count类，该类将为您提供一系列span元素，您可以对其进行操作以使其具有适当的您想要的引导样式

TL; DR

做这个：

document.getElementsByClassName("ag-group-child-count").add("bootstrap-label")