SeizenTable

SeizenTable<TData>(__namedParameters): Element

Defined in: packages/core/src/table/SeizenTable.tsx:160

SeizenTable component with default UI rendering (High-Level API) Uses semantic HTML table elements with CSS Variables for theming

This is the highest-level abstraction. For more control, use compound components:

• SeizenTable.Root
• SeizenTable.Table
• SeizenTable.Header
• SeizenTable.Body
• SeizenTable.Row
• SeizenTable.Cell
• SeizenTable.Paginator

For plugin UI slots, use SeizenTablePlugins:

• SeizenTablePlugins.SidePanel
• SeizenTablePlugins.Header
• SeizenTablePlugins.Footer
• SeizenTablePlugins.InlineRow
• SeizenTablePlugins.Cell

Type Parameters

TData

TData

Parameters

__namedParameters

SeizenTableProps<TData>

Returns

Element

Examples

<SeizenTable table={table} paginate={{ enable: true }} />

<SeizenTable.Root table={table}>
  <SeizenTablePlugins.SidePanel position="left" />
  <SeizenTablePlugins.Header />
  <SeizenTable.Table>
    <SeizenTable.Header />
    <SeizenTable.Body />
  </SeizenTable.Table>
  <SeizenTablePlugins.Footer />
  <SeizenTable.Paginator />
  <SeizenTablePlugins.SidePanel position="right" />
</SeizenTable.Root>