在ag-grid中对行进行分组

时间:2016-09-14 13:29:15

标签: javascript row ag-grid

在我的表中,我正在使用分组行,但我需要设置组的长度编号,在显示的示例中,组标签类似于“+ Title grouo(3)”。 我需要设置'(3)'的样式,例如一个靴子标签。

我如何设计风格?

1 个答案:

答案 0 :(得分:0)

ag-grid非常强大,并且具有很好的定制选项。我还没有使用过企业版,所以我没有尽可能地使用行分组选项来回答你的问题。不过这是我发现的。

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

或者,如果您选择让该组使用整个行而没有针对这些组的单独列,则可以使用groupRowRenderer or groupRowInnerRenderer callback which are attributes of the gridOptions

Here是ag-Grid提供的一个示例,它使用groupRowInnerRenderer,似乎与您要查找的内容类似。

最后,如果您正在寻找最快捷,最简单的选项,您可以使用jQuery或普通DOM lookups来查找类ag-group-child-count,它将为您提供span元素数组你可以操纵以拥有你想要的适当的Bootstrap样式

<强> TL; DR

这样做:

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