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

标签 javascript angularjs kendo-grid ag-grid

下面是ag-Grid和Kendo grid的快照。

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

ag-Grid ui

kendo-grid UI

最佳答案

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

  1. 父 div
  2. 带有 headerName 的子范围,您可以从 params.colDe.headerName 获取它。
  3. 子选择元素

有关更多详细信息,请查看此链接的第二个示例:https://www.ag-grid.com/angular-grid-header-rendering/index.php

关于javascript - 如何在 ag-grid 列标题中嵌入 dropDown HTML?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35796046/

相关文章:

telerik - Kendo Grid - 没有数据时不会出现水平滚动条

javascript - 更新 Vue.js 中的父类

javascript - 如何在javaScript中将数据推送到对象中?

javascript - 三个js渲染一个静态场景

angularjs - 使用 Angular-Translate 时,我的 lang 文件加载了两次

javascript - 在模板中访问和迭代 Kendo UI Listview 的数组属性

php - 使用 JavaScript .match() 获取 YouTube ID

AngularJs Run block $stateChangeStart 没有被触发

javascript - ($根作用域 :inprog) $apply already in progress

asp.net-mvc - 带有数据注释的 KendoUI 网格默认值