使用 ag-grid 组件反应属性网格答案

【问题标题】：React Property Grid with ag-grid component使用 ag-grid 组件反应属性网格
【发布时间】：2020-03-30 08:25:05
【问题描述】：

我可以使用如下所示的 react 和 ag-grid 组件创建属性网格吗？

我只需要普通的属性网格。

感谢所有回复

【问题讨论】：

这是可能的。根据您的屏幕截图，您可能需要使用行分组、cellRenderers 和其他在默认 ag-grid 上实现的自定义函数。但是我不认为这个库会是满足您需求的最佳解决方案（您的屏幕不会显示任何数据呈现组件，您不需要进行任何排序、过滤、计算等）

【解决方案1】：

我用 ag-gird 开发了一个属性网格。为此，您需要使用树列表和全角行。

呈现全宽行（作为 Expander 组件，以便您可以隐藏/显示剩余的子项）。

然后您可以根据某些条件渲染任何自定义单元格渲染器。

您可以使用 collapseAll 和 expandAll 功能折叠/展开所有行。

【讨论】：