Skip to main content

Floating Selection Action Bar

Prop enableFloatingActionBar — engine behaviour, default false.

Overview

Layerenable* (engine, resolved in useBstTable)
Typeboolean | BstFloatingActionBarOptions
Defaultfalse
Maps tocustom — floating action toolbar anchored at the bottom-center of the viewport when rows are selected; offers Copy, Delete, Export, Deselect, and custom actions. In settings ("Selection & clipboard"). Both skins inherit it
Status✅ done
Sincev0.46.0
Settings sheetSelection & clipboard

Floating Selection Action Bar — renders a floating action bar at the bottom-center of the viewport whenever rows are selected (Copy, Delete, Export, Deselect, + custom actions). Default: false.

Enable it

<BstTableMui
data={rows}
columns={columns}
enableFloatingActionBar={/* boolean | BstFloatingActionBarOptions */}
/>

Swap BstTableMui for BstTableShadcn (and the CSS import) for the shadcn skin — same props.

Options

OptionNotes
BstFloatingActionBarOptionsRelated prop for this feature.
renderFloatingActionsRelated prop for this feature.

Behavior & interactions

  • Requires enableRowSelection to be on — this flag is a no-op otherwise.
  • Renders a floating bottom action toolbar when rows are selected with actions to Copy, Delete, Export, or Deselect.