Table

Installation

import { Table } from "@o/pipeline/experimental/blocks/table";

Usage

Compose the semantic table elements directly.

Table.Head uses scope="col" by default; pass a different scope when the table needs it.

<Table.Root>
  <Table.Header>
    <Table.Row>
      <Table.Head>Company</Table.Head>
      <Table.Head>Status</Table.Head>
    </Table.Row>
  </Table.Header>
  <Table.Body>
    <Table.Row>
      <Table.Cell>Autodesk</Table.Cell>
      <Table.Cell>Active</Table.Cell>
    </Table.Row>
  </Table.Body>
</Table.Root>

Explicit widths

Table.Root fits to its content and sizes columns automatically. Add a matching width class or style to a Table.Head and its corresponding Table.Cell values when a column needs an explicit width.