XDSTable

Table

Styled, data-driven table with density, dividers, hover highlight, striped rows, and named plugin support.

Table@xds/core

Sub-components (10)

XDSBaseTableUnstyled structural table component with a plugin transform pipeline and a components prop for swapping in custom row/cell renderers.

XDSTableStyled, data-driven table with density, dividers, hover highlight, striped rows, and named plugin support.

XDSTableCell<td> wrapper that reads XDSTableContext to apply density padding, font size, and divider borders when used inside XDSTable.

XDSTableHeaderCell<th> wrapper that reads XDSTableContext to apply density padding, semibold weight, secondary text color, and divider borders when used inside XDSTable.

XDSTableRow<tr> wrapper that reads XDSTableContext to apply striped, hover, and divider styles when used inside XDSTable.

useXDSTableColumnSettingsHeadless column visibility and ordering management for XDSTable. Provides filtered columns, toggle helpers, and pre-built XDSMultiSelector options for a column picker UI.

useXDSTablePaginationHeadless pagination plugin for XDSTable. Supports client-side slicing, server-side pagination, and cursor-based pagination. Renders XDSPagination controls automatically above, below, or both.

useXDSTableSelectionHook that returns a TablePlugin implementing row selection with checkboxes, select-all, and aria-selected. Uses React Context for independent checkbox re-renders.

useXDSTableSelectionStateState management companion for useXDSTableSelection. Handles disabled/selectable row filtering for select-all automatically — disabled rows are frozen (preserved across select-all/deselect-all), non-selectable rows are excluded.

useXDSTableSortableHeadless multi-sort plugin for XDSTable. The consumer owns sort state and provides a callback. Shift+click enables secondary sort columns. Sort indicators render in header cells automatically.