📊
Table
Data table component with columns, rows, and styling options.
Data
Variants
| Name | |
|---|---|
| John | john@example.com |
Default
Props:
striped="false" | Name | |
|---|---|
| John | john@example.com |
Striped
Props:
striped="true" | Name |
|---|
Bordered
Props:
bordered="true" | John | john@example.com |
Hoverable
Props:
hover="true" Props / API
| Prop | Type | Default | Description |
|---|---|---|---|
columns | array | [] | Column headers |
rows | array | [] | Table rows |
striped | boolean | false | Alternate row colors |
hover | boolean | true | Row hover effects |
bordered | boolean | true | Show borders |
Usage
<Table columns={['Name', 'Email']} rows={[{name: 'John', email: 'john@example.com'}]} />