Data table - Introduction
The data table component is used for displaying tabular data in a way that is easy for users to scan. It includes sorting, searching, pagination and selection.
Components
Before diving into the guides and examples, let’s take a moment to understand the core components available for data tables. These are variations optimized for different scenarios.
| Component | Use-case |
|---|---|
| Data tables | The base functionality data table, used for paginating, filtering and sorting data. |
| Server tables | Adds new events and properties used for displaying data from a server |
| Virtual tables | A version of the data table that has built in row virtualization features |
API
| Component | Description |
|---|---|
| v-data-table | Primary Component |
| v-data-table-server | Specialized Data-table for displaying results from a server |
| v-data-table-virtual | Data-table with built in row virtualization |
| v-data-table-footer | Functional Component used to display Data-table footer |
| v-checkbox-btn | Reusable lightweight v-checkbox |
Toggle Inline API
Guides
Explore data table pages that provide detailed explanations and code samples for various functionalities and use cases.
| Guide | Description |
|---|---|
| Basics | Understand the fundamental building blocks of Data Tables. |
| Data and Display | Learn how to manipulate and display data effectively. |
Ready for more?
Continue your learning with related content selected by the Team or move between pages by using the navigation links below.