Skip to content

Table code and API

Table

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

TableProps

& {...}
NameTypeDescription
use["use"]
compactbooleanMake cells less

Table.Row

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

TableRowProps

& {...}
NameTypeDescription
interactivebooleanProperty responsible for the row interactivity
themeThe cell theme

Table.Cell

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

TableCellRowProps

& {...}
NameTypeDescription
highlightedbooleanProperty responsible for highlighting the cell
interactivebooleanProperty responsible for the cell interactivity
themeThe cell theme

Table.CellHead

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

TableCellHeadProps

& {...}
NameTypeDescription
sorting"asc" | "desc" | falseResponsible for the sort direction
activebooleanResponsible 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

& {...}
NameTypeDescription
containerHTML element, which is used for table scrolling
topstring | numberSpacing at a top of a table when fixing it
bottomstring | numberBottom padding when fixing a table
onFixed(positionFixed: string) => voidHandler that is called when the fixed position is changed

Released under the MIT License.

Released under the MIT License.