【问题标题】:AG-GRID: Is there a way to have expand/collapse functionality on a row and show custom content in the expanded area?AG-GRID:有没有办法在一行上具有展开/折叠功能并在展开区域中显示自定义内容?
【发布时间】:2020-05-21 05:26:08
【问题描述】:

我们需要能够展开/折叠单个行,并在展开时在行下方区域显示自定义(角度)组件,这将接收展开行的一些数据作为输入。

我们发现最接近的是企业版的 Master/Detail 功能,但我们不想在其中显示嵌套表格,我们想要自定义内容。

类似this

【问题讨论】:

  • 请提供您的代码示例以及您尝试过的内容。

标签: angular ag-grid ag-grid-angular


【解决方案1】:

您可以使用Master-details 功能。

该功能适用​​于企业许可证。

参考:Example - Custom Detail Cell Renderer

【讨论】:

  • 太棒了!谢谢@Paritosh。不敢相信我错过了...
  • 社区 ag-grid 库还有其他解决方案吗?
【解决方案2】:

我的树形网格实现基于此: https://riddheshganatra.medium.com/tree-data-with-ag-grid-community-94ba1dfb40eb 与相关的代码仓库在这里: https://github.com/riddheshganatra/ag-grid-tree 我做了一些工作来澄清它的可读性(至少在我看来),以及一些优化(递归搜索到查找表)并将事物变成适当的类结构,以与 ag-grid 文档示例保持一致。

https://github.com/nmz787/ag-grid-tree

【讨论】:

    猜你喜欢
    • 2020-10-26
    • 2015-04-19
    • 2017-03-06
    • 1970-01-01
    • 2014-01-29
    • 2020-03-24
    • 1970-01-01
    • 2021-07-23
    • 2017-02-26
    相关资源
    最近更新 更多