展开或折叠所有详情面板
以下演示展示了如何创建一个自定义的头部元素,用于一次性展开或折叠所有详情面板。
工作原理如下
自定义头部使用 gridRowsLookupSelector
来查找所有带有详情面板的行。它使用 useGridSelector
hook 检查打开面板的状态以访问网格的状态。当被点击时,它使用 setExpandedDetailPanels
从 Grid API 来展开或折叠所有详情面板。
在行点击时切换详情面板
在下面的演示中,您可以通过点击行中的任何位置来切换详情面板