跳到主要內容
+

資料格 - 篩選自訂食譜

進階篩選自訂食譜。

在本地儲存空間中持久化篩選器

您可以將篩選器持久化儲存在本地儲存空間中,以便在頁面重新載入後仍套用篩選器。

在下面的示範中,使用了 React.useSyncExternalStore hook 來將篩選器與本地儲存空間同步。

網格外部的快速篩選

快速篩選器元件通常用於資料格的工具列元件插槽中。

某些使用案例可能需要將快速篩選器等元件放置在網格外部。這需要考慮到網格的上下文結構。以下範例展示了如何實現這一點

預先計算已篩選的列

Grid API 提供了 getFilterState 方法,讓您可以在不將篩選器套用到資料格的情況下,預先顯示預定義篩選器的列計數