useTableFiltering@astryxdesign/core v0.5.2 · 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

ParamTypeDescription
filtersrequired

Current filter state: map from column key to filter value.

onFilterChangerequired
(columnKey: string, value:
| null) => void

Called when the user changes a filter value. null clears the filter.

variant
'popover' | 'inline' | 'inline-compact' (default: 'popover')

Display variant for filter controls.

Examples

Common configurations, variations, and states.
Table — Popover Filters
Open in Playground

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

Table — Inline Filters
Open in Playground

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