For Enterprise

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.

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


Select your desired component from below and see the available props, slots, events and functions.

Below is a collection of simple to complex examples.

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

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.

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

Caught a mistake or want to contribute to the documentation? Edit Layout or Content on GitHub!