Astryx Design System

useXDSTableFiltering@xds/core v0.0.14 · useXDSTableFiltering

Usage

Table plugin that adds inline column filters with popover or inline controls. Pairs with useXDSTableFilterState for managed state. Supports text, select, multi-select, date, and number filter types via PowerSearch field definitions.

ts
import {useXDSTableFiltering} from '@xds/core/Table'

Parameters

Param	Type	Description
filtersrequired	XDSTableFilterState	Current filter state — map from column key to filter value.
onFilterChangerequired	(columnKey: string, value: XDSTableFilterValue \| null) => void	Called when the user changes a filter value. null clears the filter.
variant	'popover' \| 'inline' (default: 'popover')	Display variant for filter controls.

Examples

Common configurations, variations, and states.

Table — Popover Filters

Table with popover filter controls triggered by icons in column headers.

Table — Inline Filters

Table with inline filter controls rendered directly below each column header.