【问题标题】:How to embed dropDown HTML inside ag-grid column Headers?如何在 ag-grid 列标题中嵌入 dropDown HTML?
【发布时间】:2023-03-27 00:56:01
【问题描述】:

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

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

【问题讨论】:

    标签: javascript angularjs kendo-grid ag-grid


    【解决方案1】:

    使用 headerCellRenderer 代替 headerCellTemplate 属性并构建以下节点:

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

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

    【讨论】:

    • 嘿,谢谢它的工作,但如果想在一行内呈现 HTML,我该怎么做?
    • @Walfrat,这里的答案没有帮助。如果为答案编写了一些 plunker 或代码,这将有助于读者了解。
    • @Sumit 如果实现,请更新答案,试图找出在 ag-Grid 列标题上附加自定义下拉 div 并执行一些操作的方法。
    猜你喜欢
    • 1970-01-01
    • 2019-08-12
    • 1970-01-01
    • 2022-07-15
    • 2020-11-16
    • 2022-01-23
    • 2016-06-22
    • 2016-03-11
    • 2016-02-26
    相关资源
    最近更新 更多