Table
<ts-table> vv0.4.0
A styled wrapper for native HTML tables. Consumers place standard
<table>, <thead>, <tbody>, <tr>, <th>, <td> elements inside.
Uses light DOM (no Shadow DOM) so nested table elements can be styled directly via the component’s CSS.
Open in Storybook for interactive demos.
Preview
Section titled “Preview”<ts-table>Content</ts-table>Properties
Section titled “Properties”| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
bordered | bordered | boolean | false | Adds borders to all cells. |
compact | compact | boolean | false | Reduces cell padding for denser display. |
hoverable | hoverable | boolean | false | Highlights rows on hover. |
stickyHeader | sticky-header | boolean | false | Makes the table header stick to the top on scroll. |
striped | striped | boolean | false | Applies alternating row background colors. |
| Name | Description |
|---|---|
*(default)* | Default slot for the native <table> element. |
<ts-table>Content</ts-table>import { TsTable } from '@tessera-ui/react';
<TsTable>Content</TsTable>