Table code and API
Table
jsx
import Table from '@semcore/ui/table';
<Table />;
TableProps
& {...}Name | Type | Description |
---|---|---|
use | ["use"] | |
compact | boolean | Make cells less |
Table.Row
jsx
import Table from '@semcore/ui/table';
<Table.Row />;
TableRowProps
& {...}Name | Type | Description |
---|---|---|
interactive | boolean | Property responsible for the row interactivity |
theme | The cell theme |
Table.Cell
jsx
import Table from '@semcore/ui/table';
<Table.Cell />;
TableCellRowProps
& {...}Name | Type | Description |
---|---|---|
highlighted | boolean | Property responsible for highlighting the cell |
interactive | boolean | Property responsible for the cell interactivity |
theme | The cell theme |
Table.CellHead
jsx
import Table from '@semcore/ui/table';
<Table.CellHead />;
TableCellHeadProps
& {...}Name | Type | Description |
---|---|---|
sorting | "asc" | "desc" | false | Responsible for the sort direction |
active | boolean | Responsible for the activity of the cell |
Table.StickyHead
jsx
import Table from '@semcore/ui/table';
<Table>
<Table.StickyHead />
<Table.Head />
</Table>;
StickyHeadProps
& {...}Name | Type | Description |
---|---|---|
container | HTML element, which is used for table scrolling | |
top | string | number | Spacing at a top of a table when fixing it |
bottom | string | number | Bottom padding when fixing a table |
onFixed | (positionFixed: string) => void | Handler that is called when the fixed position is changed |
disablePortal | boolean | If enabled, header will be rendered without portal to the end of table container |