Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA table with row checkboxes, a tri-state select all, an selection bar for bulk actions and a Select all N rows step for sets bigger than one page.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use this when lists are paginated or filtered and a bulk action can apply to every match, not just what is visible.
Do not use it when bulk actions are always limited to the page (use Popconfirm Bulk Delete).
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Required | Description |
|---|---|---|---|
rows | BulkRow[] | required | Rows on the current page. |
total | number | required | Total rows matching the filter, across all pages. |
onArchive | (target: { ids: string[] } | { all: true }) => void | Promise<void> | required | Archives either the given ids or, when all is true, every matching row. |
The pattern ships with a Testing Library test (selection-bar-bulk-table.test.tsx) that covers page selection with the extension step, archiving ids, archiving all matching, dropping the all mode and the mixed state.