VTable API

Props

name	type	default
`density`	'default' \| 'comfortable' \| 'compact'	'default'
Adjusts the vertical height used by the component.
`fixed-footer`	boolean	false
Use the fixed-footer prop together with the height prop to fix the footer to the bottom of the table.
`fixed-header`	boolean	false
Use the fixed-header prop together with the height prop to fix the header to the top of the table.
`height`	string \| number	undefined
Use the height prop to set the height of the table.
`hover`	boolean	false
Will add a hover effect to a table’s row when the mouse is over it.
`striped`	'odd' \| 'even'	null
Applies a background to either even or odd rows.
`tag`	string \| (new () => any) \| FunctionalComponent	'div'
Specify a custom tag used on the root element.
`theme`	string	undefined
Specify a theme for this component and all of its children.

Slots

never

never

never

never

`bottom`
Slot to add content below the table.
`default`
The default Vue slot.
`top`
Slot to add content above the table.
`wrapper`
Slots for custom rendering of the table wrapper.

SASS Variables

name	default
`$table-background`	rgb(var(--v-theme-surface))
`$table-border`	thin solid $table-border-color
`$table-border-color`	rgba(var(--v-border-color), var(--v-border-opacity))
`$table-color`	tools.theme-color('on-surface', var(--v-high-emphasis-opacity))
`$table-column-padding`	0 16px
`$table-density`	('default': 0, 'comfortable': -2, 'compact': -4)
`$table-font-size`	tools.map-deep-get(settings.$typography, 'body-medium', 'size')
`$table-header-font-size`	inherit
`$table-header-font-weight`	500
`$table-header-height`	56px
`$table-hover-color`	rgba(var(--v-border-color), var(--v-hover-opacity))
`$table-line-height`	1.5
`$table-row-font-size`	tools.map-deep-get(settings.$typography, 'label-large', 'size')
`$table-row-height`	52px
`$table-stripe-color`	rgba(var(--v-border-color), var(--v-hover-opacity))
`$table-theme`	( $table-background, $table-color, )
`$table-transition-duration`	0.28s
`$table-transition-property`	box-shadow, opacity, background, height
`$table-transition-timing-function`	settings.$standard-easing

#VTable API