# Data iterators

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 with cards.

# API

v-data-iterator
v-data-footer

# Examples

# Slots

# Default

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.

# Header and footer

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

# Misc

# Filter

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

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 on GitHub

Last updated:11/12/2024, 6:59:50 AM