Tables

The v-table component is a simple wrapper component around the <table> element. Inside the component you can use all the regular table elements such as <thead>, <tbody>, <tr>, etc.

Usage

v-table/usage.vue

API

Examples

Props

Theme

Use theme prop to switch table to another theme.

v-table/prop-dark.vue

Density

You can show a dense version of the table by using the density prop.

v-table/prop-dense.vue

Height

Use the height prop to set the height of the table.

v-table/prop-height.vue

Fixed header

Use the fixed-header prop together with the height prop to fix the header to the top of the table.

v-table/prop-fixed-header.vue

Ready for more?

Continue your learning with related content selected by the Team or move between pages by using the navigation links below.