Skip to content

Table code and API

Table

jsx
import Table from '@semcore/ui/table';
<Table />;

TableProps

& {...}
NameTypeDescription
use["use"]
compactboolean Make cells less

Table.Row

jsx
import Table from '@semcore/ui/table';
<Table.Row />;

TableRowProps

& {...}
NameTypeDescription
interactiveboolean Property responsible for the row interactivity
theme The cell theme

Table.Cell

jsx
import Table from '@semcore/ui/table';
<Table.Cell />;

TableCellRowProps

& {...}
NameTypeDescription
highlightedboolean Property responsible for highlighting the cell
interactiveboolean Property responsible for the cell interactivity
theme The cell theme

Table.CellHead

jsx
import Table from '@semcore/ui/table';
<Table.CellHead />;

TableCellHeadProps

& {...}
NameTypeDescription
sorting"asc" | "desc" | false Responsible for the sort direction
activeboolean Responsible for the activity of the cell

Table.StickyHead

jsx
import Table from '@semcore/ui/table';
<Table>
  <Table.StickyHead />
  <Table.Head />
</Table>;

StickyHeadProps

& {...}
NameTypeDescription
container HTML element, which is used for table scrolling
topstring | number Spacing at a top of a table when fixing it
bottomstring | number Bottom padding when fixing a table
onFixed(positionFixed: string) => void Handler that is called when the fixed position is changed
disablePortalboolean If enabled, header will be rendered without portal to the end of table container

Released under the MIT License.

Released under the MIT License.