diff --git a/packages/material-react-table/src/menus/MRT_ColumnActionMenu.tsx b/packages/material-react-table/src/menus/MRT_ColumnActionMenu.tsx index d99a8b16d..4de216014 100644 --- a/packages/material-react-table/src/menus/MRT_ColumnActionMenu.tsx +++ b/packages/material-react-table/src/menus/MRT_ColumnActionMenu.tsx @@ -67,6 +67,7 @@ export const MRT_ColumnActionMenu = ({ renderColumnActionsMenuItems, }, refs: { filterInputRefs }, + setColumnFilterFns, setColumnOrder, setColumnSizingInfo, setShowColumnFilters, @@ -119,8 +120,14 @@ export const MRT_ColumnActionMenu = ({ }; const handleClearFilter = () => { - column.setFilterValue(''); + column.setFilterValue(undefined); setAnchorEl(null); + if (['empty', 'notEmpty'].includes(columnDef._filterFn)) { + setColumnFilterFns((prev) => ({ + ...prev, + [header.id]: allowedColumnFilterOptions?.[0] ?? 'fuzzy', + })); + } }; const handleFilterByColumn = () => { @@ -206,25 +213,23 @@ export const MRT_ColumnActionMenu = ({ : []), ...(enableColumnFilters && column.getCanFilter() ? [ - !['empty', 'notEmpty'].includes(columnDef._filterFn) && ( - value).length) - } - key={3} - onClick={handleClearFilter} - sx={commonMenuItemStyles} - > - - - - - {localization.clearFilter} - - - ), + value).length) + } + key={3} + onClick={handleClearFilter} + sx={commonMenuItemStyles} + > + + + + + {localization.clearFilter} + + , columnFilterDisplayMode === 'subheader' && (