PropertyAttributeDescriptionTypeDefaultcaption captionA caption describing the contents of the table for accessibility only. This won't be visible in the browser. Use an element with an attribute of slot="caption" for a visible caption.stringundefinedcompact compactDisplays as compact version.booleanfalselayout layoutControls the layout behavior of the table.type TableLayout = 'auto' 'fixed''auto'theme themeAdapts the color when used on dark background.type Theme = 'light' 'dark' 'auto''light'
Events
prev
next
EventDescriptionTypesortingChange 🚫deprecated since v3.0.0, will be removed with next major release, use update event instead. Emitted when sorting is changed.type TableUpdateEventDetail = { id: string; active?: boolean; direction?: Direction; } CustomEvent<TableUpdateEventDetail>update Emitted when sorting is changed.type TableUpdateEventDetail = { id: string; active?: boolean; direction?: Direction; } CustomEvent<TableUpdateEventDetail>
Slots
prev
next
SlotDescriptionisRequiredaltPropallowedTagNames<slot name="caption"> Shows a caption that describes the content of the table.<slot> Default slot for the table content.
PropertyAttributeDescriptionTypeDefaulthideLabel hide-labelHides the label but stays accessible for screen readers. This property only takes effect when sort property is not defined.booleanfalsemultiline multilineDisplays slotted text multiline or forced into a single line.booleanfalsesort sortDefines sortability properties.type TableHeadCellSort = { 'id'?: string; 'active'?: boolean; 'direction'?: ,asc,desc; }undefined
Slots
prev
next
SlotDescriptionisRequiredaltPropallowedTagNames<slot> Default slot for the table head cell content.