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"