The v-data-iterator component is used for displaying data, and shares a majority of its functionality with the v-data-table component. Features include sorting, searching, pagination, and selection.

Usage

The v-data-iterator allows you to customize exactly how to display your data. In this example we are using a grid list with cards.

API

Examples

Slots

The v-data-iterator has both a header and footer slot for adding extra content.

Expand

The v-data-iterator has internal state for both selection and expansion, just like v-data-table. In this example we use the methods isExpanded and expand available on the default slot.

Filter

Order, filters and pagination can be controlled externally by using the individual props

Edit this page | language on Github
Vuetify
StoreFor Enterprise