Table
A table is a specific pattern for comparing datasets in a very direct and analytical way.
install | yarn add @clayui/core |
---|---|
version | 3.114.0 |
Beta3.114.0View in LexiconCHANGELOG
Usage
A table view is useful for comparing entries that need exhaustive comparison. Tables display text heavily. If you need to display images, we recommend that you use lists or cards.
A table entry or row doesn't support two different data types in the same column. The is due to potential comparison and sorting problems.
When a table is used together with the management toolbar, the table entries must include a checkbox since the selection and actions are reflected in the management toolbar. See the dataset display for examples.
Parts
The Table component is composed of the following elements:
- Header
- Row
- Cell
Header
The Table component is composed of the following elements:
- Header
- Row
- Cell
The Table component is designed for comprehensive entry comparison, particularly when dealing with text-heavy data. If your data involves images, we recommend using lists or cards instead. Please note that each table entry or row supports a single data type per column to avoid potential comparison and sorting issues.
When utilizing a table with the management toolbar, it is essential to include checkboxes in table entries. This ensures that selections and actions are properly reflected in the management toolbar. Refer to the dataset display examples for further clarification.