Store

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.

Options

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

Ready for more? Continue reading with:

Caught a mistake or want to contribute to the documentation? Edit this page on GitHub!