Astryx Design System

useTableFiltering@astryxdesign/core v0.0.15 · useTableFiltering

Usage

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

ts
import {useTableFiltering} from '@astryxdesign/core/Table'

Parameters

Param	Type	Description
filtersrequired	TableFilterState	Current filter state: map from column key to filter value.
onFilterChangerequired	(columnKey: string, value: TableFilterValue \| 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.