IBM Carbon Design System enterprise data grid with typed columns (string/number/status/tag), optional row-selection checkboxes, sortable column indicators, zebra-stripe rows, and optional pagination footer. More capable than table and data_table_sortable for enterprise data-dense layouts. Adapted from IBM Carbon DataTable patterns.
| Surface | Note |
|---|---|
| renders as a plain HTML table; no selection checkboxes or sort indicators | |
| googlechat | renders as a simple text list; no table structure |
| Field | Type | |
|---|---|---|
| title | string. Dark header bar above the grid. | optional |
| columns | array. List of {header, key, type?, sortable?}. type is one of string | number | status | tag. | required |
| rows | array. List of row objects where each key matches a column key. | required |
| selectable | boolean. Show row-selection checkboxes. Default false. | optional |
| pagination | object. '{per_page} splits rows into CSS-tab pages; clicking a page number label switches pages without JavaScript. Omit for single-page display.' | optional |
{
"type": "data_grid",
"columns": 1,
"rows": [
[
"Example",
"42",
"Active"
],
[
"Another",
"17",
"Pending"
]
]
}{
"identifier": "urn:air:a2uicatalog.ai:atom:data_grid",
"displayName": "Data Grid",
"type": "application/vnd.a2ui.atom+json",
"url": "https://a2uicatalog.ai/atoms/data_grid",
"capabilities": [
"web",
"meet-stage",
"pdf",
"apps-script-web"
],
"description": "IBM Carbon Design System enterprise data grid with typed columns (string/number/status/tag), optional row-selection checkboxes, sortable column indicators, zebra-stripe rows, and optional pagination footer. More capable than table and data_table_sortable for enterprise data-dense layouts. Adapted from IBM Carbon DataTable patterns.",
"representativeQueries": [
"show a enterprise data grid with typed columns, row selection, and",
"ibm carbon design system enterprise data grid with typed columns (string/number/status/tag), optiona",
"render a data grid"
]
}The renderer is open source. Deploy your own instance in 4 commands — you own the URL, no dependency on the demo endpoint.
git clone https://github.com/a2uicatalog/a2ui
cd apps-script-surface/gas-schema-renderer
clasp push && clasp deploy