數據網格 - 多重篩選器

同時套用多個篩選器。

多重篩選器允許使用多個條件，依多個欄位篩選列。若要新增更多篩選器，請使用篩選面板上的「新增篩選器」按鈕。

以下示範讓您可以同時根據多個條件篩選列。

每個欄位一個篩選器

您也可以限制每個欄位只能有一個篩選器，同時仍允許篩選其他欄位。為此，請使用 slotProps.filterPanel 中提供的 filterColumns 和 getColumnForNewFilter 屬性。

此示範實作了一個基本的使用案例，以防止一個欄位顯示多個篩選器。

若要停用「新增篩選器」或「全部移除」按鈕，請將 disableAddFilterButton 或 disableRemoveAllButton 傳遞至 componentsProps.filterPanel。