如何在ag-grid列标题中嵌入dropDown HTML?

时间:2016-03-04 12:26:00

标签: javascript angularjs kendo-grid ag-grid

以下是ag-Grid和Kendo网格的快照。

我的问题是如何在ag-Grid中嵌入dropdown / html 就像我在剑道做的那样。我已尝试将其与headerCellTemplate绑定,但它会从网格中删除columnName标头并使用dropDown html覆盖它。我希望它与Kendo网格中的完全相同。

ag-Grid ui

kendo-grid UI

1 个答案:

答案 0 :(得分:1)

使用headerCellRenderer而不是headerCellTemplate属性并构建以下节点:

  1. 父div
  2. 带有headerName的子跨度,您可以从params.colDe.headerName获取它。
  3. 子选择元素
  4. 有关详细信息,请查看此链接的第二个示例:https://www.ag-grid.com/angular-grid-header-rendering/index.php