Data table - Virtual tables

The v-data-table-virtual component relies on all data being available locally. But unlike the standard data-table it uses virtualization to only render a small portion of the rows. This makes it well suited for displaying large data sets. It supports sorting and filtering, but not pagination.


Installation

Labs components require a manual import and installation of the component.

src/plugins/vuetify.js
import { VDataTableVirtual } from 'vuetify/labs/VDataTableVirtual'

export default createVuetify({
  components: {
    VDataTableVirtual,
  },
})

Examples

Basic example

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