Data table - Slots

The data-table components provide a number of slots that can be used to customize the look and function of the component.

Examples

Item slot

Normally you would use the item.<key> slots to render custom markup in specific columns. If you instead need more control over the entire row, you can use the item slot.

v-data-table/slot-item.vue

Group header slot

When using the group-by prop, you can customize the group header with the group-header slot.

v-data-table/slot-group-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.
Edit this page onGitHub