Components

Table

A high-performance, customizable table component for efficiently displaying large datasets.

Basic

A table displays data in rows and columns, allowing navigation via directional keys. It can optionally support row selection and sorting.

Loading...

Installation

If you hit any issues, make sure you check out the installation guide here for more information.

Composed Components

When you install this component via the CLI, it automatically loads all composed components, so you don’t need to add them individually.

The Table comes packed with several components to enhance functionality and provide a seamless experience.

An interactive input that allows users to toggle a selection on or off, often used for settings or multiple-choice selections.

Manual Installation

Make sure you also install the composed components and the required packages for the component to function properly.

Anatomy

Bulk Actions

Tables may require bulk actions for handling multiple entries at once.

Loading...

Drag and Drop

Similar to GridList, tables can also support drag and drop functionality.

Loading...

Sorting

Tables can be made sortable. Activate sorting by clicking on a column header.

Loading...

Resizable

Tables can be made resizable. To enable resizing, set the allowResize prop to true. And to make a column resizable, set the isResizable prop to true on the column.

Loading...

Href

To create a clickable link within a table row, use the href prop.

<TableRow href='/collections/table-demo'/>
Get premium Blocks
Create stunning, professional-grade layouts that not only save time but also elevate the quality of your projects.