如何在 ag-grid 列 Headers 中嵌入 dropDown HTML?
How to embed dropDown HTML inside ag-grid column Headers?
下面是 ag-Grid 和 Kendo 网格的快照。
我的问题是如何在 ag-Grid 中嵌入 dropdown/html
就像我在 kendo 中所做的那样。我试图将它与 headerCellTemplate 绑定,但它从网格中删除了 columnName header 并用 dropDown html 覆盖它。我希望它与 Kendo 网格中的完全相同。
使用 headerCellRenderer 而不是 headerCellTemplate 属性并构建以下节点:
- 一个parentdiv
- A child span with the headerName, 你可以从 params.colDe.headerName.
- 一个childselect元素
有关更多详细信息,请查看此 link 的第二个示例:https://www.ag-grid.com/angular-grid-header-rendering/index.php
下面是 ag-Grid 和 Kendo 网格的快照。
我的问题是如何在 ag-Grid 中嵌入 dropdown/html 就像我在 kendo 中所做的那样。我试图将它与 headerCellTemplate 绑定,但它从网格中删除了 columnName header 并用 dropDown html 覆盖它。我希望它与 Kendo 网格中的完全相同。
使用 headerCellRenderer 而不是 headerCellTemplate 属性并构建以下节点:
- 一个parentdiv
- A child span with the headerName, 你可以从 params.colDe.headerName.
- 一个childselect元素
有关更多详细信息,请查看此 link 的第二个示例:https://www.ag-grid.com/angular-grid-header-rendering/index.php