在ag網格中對行進行分組

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

來源

2016-09-14 Pedro

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")

來源

2016-09-19 22:08:24

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

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

在ag網格中對行進行分組

回答

相關問題