Usage

Data tables display information in a grid-like format of rows and columns. They organize information in a way that’s easy to scan so that users can look for patterns and develop insights from data.

Data tables can contain:
Interactive components (such as chips, buttons, or menus) Non-interactive elements (such as badges) Tools to query and manipulate data

Paginated Table

This is a custom basic table with one columns as checkbox.

{{ item.label }} {{ item.value }}

Paginated Table With Filters

{{ item.label }} {{ item.value }} {{ item.date }}

Paginated Table With Filters and search Only

{{ item.label }} {{ item.name }} {{ item.value }} {{ item.date }}

Non-Paginated Table With Filters

{{ item.label }} {{ item.value }} {{ item.checkbox }}

Multiple column prefilter Filter Table

{{ item.label }} {{ item.value }} {{ item.checkbox }} {{ item.date }}

Editable Filter Table

{{ item.label }} {{ item.value }} {{ item.checkbox }} {{ item.date }}

Anatomy

Quick Jump

{{ item.label }}

Quick jump with navigation

{{ item.value }}