Data table

Bulk select and bulk bar

Select rows with checkboxes (header tick = all on the page, indeterminate when some); a navy bar rises at the bottom with the count and the bulk actions. Not-wired actions are shown as such.

Live specimen

Lifted from the approved family page at build time; interact with it.

Bulk select and bulk bar

Tick rows, act once. The bar is navy, like every primary action.

Header and row checkbox

none
some
all
focus
disabled

Bulk bar

Rises from the bottom of the table when the first row is ticked, and leaves when the selection is cleared. Selection covers the visible page.

Global Store

Set status for many masters

3 selected

My Products

Section placement

5 selected

Loading

Action in progress

3 selected

Variants

Backend not connected

12 selectedNot wired
Usesshadcn CheckboxTanStack getToggleAllPageRowsSelectedHandlerrow.getIsSelected().dt-bulk--e-toast--motion-toast-in

from families/data-table/#bulk