Skip to content

BulkActionsToolbar

Floating bar showing actions for currently selected rows in a list or DataTable.

Automatically rendered by DataTable when hasBulkActions and selection exists, unless you pass a custom bulkActionsToolbar prop.

<DataTable bulkActionButtons={<BulkDeleteButton />} />
{/* Full override */}
<DataTable bulkActionsToolbar={<BulkActionsToolbar><MyCustom /></BulkActionsToolbar>} />
  • BulkActionsToolbar: container; hidden when no selection.
  • BulkActionsToolbarChildren: default children (BulkExportButton + BulkDeleteButton).
  • Appears fixed at bottom when selectedIds.length > 0.
  • Unselect All button (X) clears selection.
  • Translated count (ra.action.bulk_actions).

Provide your own children:

<BulkActionsToolbar>
<BulkExportButton exporter={myExporter} />
<BulkDeleteButton mutationMode="pessimistic" />
<Button variant="outline">Archive</Button>
</BulkActionsToolbar>