跳到主要內容
+

資料格 - 列自訂食譜

進階列自訂食譜。

一次展開一個詳細資訊面板

預設情況下,主從式細節 功能同時支援多個展開的詳細資訊面板。

但是,您可以控制展開的詳細資訊面板,使其一次只展開一個詳細資訊面板。

展開或摺疊所有詳細資訊面板

以下示範展示如何建立一個自訂標頭元素,一次展開或摺疊所有詳細資訊面板。

運作方式如下

自訂標頭使用 gridRowsLookupSelector 查找所有具有詳細資訊面板的列。它使用 useGridSelector hook 檢查開啟面板的狀態以存取資料格的狀態。點擊時,它使用 setExpandedDetailPanelsGrid API 來展開或摺疊所有詳細資訊面板。

在列點擊時切換詳細資訊面板

在以下示範中,您可以通過點擊列上的任何位置來切換詳細資訊面板