Table

Data table in a bot message, built from Row and Cell children with optional column alignment.

Overview

Table renders tabular data. Columns are declared on the table; data flows in as Row children containing Cell children.

Import

import { Table, Row, Cell } from "@copilotkit/bot-ui";

Props

Table

Prop

Type

Prop

Type

Row

Prop

Type

Cell

Prop

Type

Usage

<Message>
  <Header>Incidents this week</Header>
  <Table
    columns={[
      { header: "Issue" },
      { header: "Severity" },
      { header: "Count", align: "right" },
    ]}
  >
    <Row>
      <Cell>CPK-1201</Cell>
      <Cell>SEV2</Cell>
      <Cell>14</Cell>
    </Row>
    <Row>
      <Cell>CPK-1188</Cell>
      <Cell>SEV3</Cell>
      <Cell>3</Cell>
    </Row>
  </Table>
</Message>

On Slack

Renders as a native table block — at most 20 columns, 100 data rows (the header row built from columns is separate), and 2000 characters per cell (SLACK_LIMITS.tableColumns / tableRows / cellText); overflow is clamped.

Fields — lightweight two-column label/value layout
renderBlockKit — Block Kit mapping and budgets