HQ UI

Table

Lay out your data grid-style, like setting dishes on a dinner table clear and organized, perfect for comparison and review.

Installation

In the terminal, run the following command to begin:
npx hq-kit add table

Basic

Bulk Actions

Drag and Drop

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

Sorting

Filtering

Resizable

Href

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

<Table.Row href='/collections/table-demo' />