Skip to content

Table API

API reference docs for the Stash Table component. Learn about the props, CSS, and other APIs of this exported module.

Import

ts
import Table from '@leaflink/stash/Table.vue';

Props

NameTypeDefaultDescription
densitySpacingDensitiesundefinedControls the Table's padding; the default value is "comfortable". On small screens, "compact" density is applied regardless of this prop's value.
emptyStateTextstring '' Sets the text for the empty state; the default value is "No Results".
hasActionsbooleanfalseStyles the last column for "row actions"
hasCustomExpandTogglebooleanfalseIf true, hides the default expansion toggle column
isEmptybooleanfalseShows the empty state
isExpandablebooleanfalseAdds a toggle column for row expansion. This is primarily needed for ensuring the corresponding empty TableHeaderRow is included.
isLoadingbooleanfalseShows the loading state
isSelectablebooleanfalseAdds a checkbox column for selecting rows; intended for use with the `useSelection` composable.
layoutLayoutsscrollSets the table layout; the default value is "scroll".
radiusTableRadiusesroundedControls the corners of the table with the "border-radius" CSS property. The default value is "rounded".
{ listLength: number; maxHeight: string; }undefinedAllows the table head to be sticky when scrolling inside the table body

Slots

NameDescription
head
empty
bodybody

Events

None