Skip to content

Table

Gen UI 2.0 standard

A data table, in a plain Column, not a Card. Give "columns" and "rows", or "children": TableSection or TableRow ids, or a template { "componentId", "path" } repeating a TableRow per item. A component in a cell or header (Badge, Button, Icon, Text): { "componentId": "<id>" }, with the id in "cellComponents".

One of the 69 components in CopilotKit's standardUI. The playground's catalog extends it, so every agent here can use Table. Standard catalog docs

Props

Read from standardUI.manifestComponents in the installed @copilotkit/react-core. In A2UI 1.0 any value may also be a { "@path" } binding into the surface data model or a { "@call" } function call.

PropTypeRequiredDescription
columns(string | { label, align?, width?, componentId? } | object | object)[]NoDefault []
rowsany[][]NoA list of row lists. A cell is a string, a number, or { "componentId": "<id>" } to show a component. Default []
childrenstring[] | { componentId, path }NoIds of child components, or a template { componentId, path } over a data list.
captionstringNoA short name of the table for screen readers. It is not shown
columnSizing"auto" | "equal"NoDefault "auto"
dividersbooleanNoDefault true
stickyHeaderbooleanNoDefault false
emptyLabelstringNoDefault "No rows"
cellComponentsstring[] | { componentId, path }NoIds of child components, or a template { componentId, path } over a data list.