## Table
A data grid — results, leaderboard, participant/admin list — rendered through the shared DataTable.
Tier: composite-antd. Frameworks: HTML (paste-and-run, no build step) · React · Vue 3.
Default to the HTML snippet — a CDN-React runnable page (React + antd loaded from a CDN, no build step) — React/Vue use the same shared-themed DataTable via your bundler.
Surfaces: editor, dashboard, admin.
Props:
- columns: Column[], default []. dataIndex / key / title / sorter / filter / fixed / width
- dataSource: object[], default []. row data
- rowKey: string | fn, default —. unique row id
- pagination: object | false, default —. brand-outlined page + N/page size changer
- reorderable: boolean, default false. drag headers to reorder
- freezable: boolean, default false. right-click header to freeze one column
Tokens: colorPrimary, borderRadius, colorBorderSecondary, Table.headerBg, Table.headerColor, Table.borderColor, Table.rowHoverBg, Table.cellPaddingBlock, Table.cellPaddingInline.
Use when: DataTable (any rows×columns grid — results, leaderboard, admin list); never a raw <Table> (a bare antd Table restyled per call site is the drift this replaces).