Developer Table
jsx
import Table from '@semcore/ui/table';
<Table />;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 />;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 />;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 />;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>;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 |