Skip to content

Selection ​

Pass selectable to render a checkbox column (with a select-all header) on desktop and a checkbox per row on mobile, wired straight to table.selection:

vue
<AdaptiveTable :table="table" :fields="fields" item-key="id" selectable />
View
Ada LovelacePaid€128.50
Alan TuringPending€64.00
Grace HopperPaid€212.75
Margaret HamiltonRefunded€45.00

0 selected

Nothing about selection is reimplemented — table.selection is the same object createDataTable gave you, so range selection, isSelected, isSelectable and clearing the selection all work exactly as they do without this component in the way.