Table

Overview

Tables are used to organize and display data efficiently.

When to use:

  • To organize and display data.

When not to use

  • When a more complex display of the data or interactions are required.

Demo

Props

PropertyDescriptionTypeValuesDefaultRequired
columnsThe table columnsColumn[]Column[]✓
rowDataThe data for the rows Can be an array of dataT[]T[]✓
variantThe table variant/theme"divider" | "striped" | "data-grid" | undefined"divider" | "striped" | "data-grid" | undefined"striped"