Back to Copilotkit

Table, Row, and Cell

showcase/shell-docs/src/content/reference/channels/components/Table.mdx

1.64.2943 B
Original Source

Table groups Row and Cell children.

tsx
import { Cell, Row, Table } from "@copilotkit/channels/ui";

<Table
  columns={[
    { header: "Service", align: "left" },
    { header: "p95", align: "right" },
  ]}
>
  <Row>
    <Cell>Checkout</Cell>
    <Cell>1.8s</Cell>
  </Row>
</Table>;

Props

ComponentPropTypeDescription
Tablecolumns{ header: string; align?: "left" | "center" | "right" }[]Optional header and alignment metadata.
TablechildrenBotChildrenRow children.
RowchildrenBotChildrenCell children.
CellchildrenBotChildrenCell text.

Managed Slack renders a native table block. Managed Teams renders an Adaptive Card 1.5 table. Both renderers clamp rows, columns, and cell text to provider budgets. Keep a short textual summary outside the table for clients that cannot display the native structure.