跳到内容
+

数据表格 - 行自定义食谱

高级行自定义食谱。

一次展开一个详情面板

默认情况下,主从详情 功能同时支持展开多个详情面板。

但是,您可以控制展开的详情面板,以便一次只展开一个详情面板。

展开或折叠所有详情面板

以下演示展示了如何创建一个自定义的头部元素,用于一次性展开或折叠所有详情面板。

工作原理如下

自定义头部使用 gridRowsLookupSelector 来查找所有带有详情面板的行。它使用 useGridSelector hook 检查打开面板的状态以访问网格的状态。当被点击时,它使用 setExpandedDetailPanelsGrid API 来展开或折叠所有详情面板。

在行点击时切换详情面板

在下面的演示中,您可以通过点击行中的任何位置来切换详情面板