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.
TIP
This feature was introduced in v3.4.0 (Blackguard)
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 |
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. |