2016-09-14 109 views
0

在我的表格中,我使用了分組行,但我需要設置組的長度編號,在示例中顯示的組標籤類似於「+ Title grouo(3)」。 我需要爲'(3)'設計風格,例如放置靴子標籤。我如何設計它?在ag網格中對行進行分組

回答

0

ag網格非常強大,並有很好的自定義選項。我沒有使用企業版,所以沒有使用行分組選項儘可能多地回答你的問題。然而,這是我發現的。

有一個cellRenderer,你可以使用,如果你決定有一個專門的組自己的專欄。此單元格渲染器允許您自定義html,並且是列組的列的屬性

或者,如果您選擇讓該組使用整個行,並且沒有單獨的組列使用groupRowRenderer or groupRowInnerRenderer callback which are attributes of the gridOptions

Here是由使用groupRowInnerRenderer的ag-Grid提供的示例,似乎與您正在查找的內容類似。

最後,如果你正在尋找最快最簡單的選項,你可以只使用jQuery或正常DOM lookups找到類ag-group-child-count,這將給你可以操縱有適當的引導風格跨度元素的數組你想

TL; DR

做到這一點:

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

您好感謝您的回答,在我的情況,我認爲使用最快的方式是更好,但很不幸,我沒有任何類別稱爲「ag-group-child-count」。 – Pedro

+0

它不會是您創建的類,它是在Ag網格初始化時創建的類。如果你看看開發者工具中的元素,你應該在那裏看到類。我從[ag-grid]的這個例子(https://www.ag-grid.com/javascript-grid-grouping/example1.html)中找到並打開了開發者控制檯,發現與你的號碼有關的類正在找。我認爲這是默認的渲染器,但如果不是,您應該能夠找到您的用例所需的正確類 –