The Table component allows us to organize data with a tabular structure in a table.
$ yarn add @nimbus-ds/table
$ npm install @nimbus-ds/table
The component consists of a header with different styles, lines and columns.
We use Table to organize information tabularly into rows and columns, using rows to sort entries similar in structure but different in information vertically and different types of data horizontally.
Each cell has a children that can receive texts or other nimbus components, allowing a variety of custom configurations for each use case.
Recommendation for use
- Organize a sales list
- Organize a list of products
- Arrange data of similar structure
- Data list - Can be used when we need a different or more complex data structure, for example in mobile contexts.
View docs here.