Function DataTable

DataTable<TData>(__namedParameters: DataTableProps<TData>): Element
Data-driven table with built-in sorting, row interactions, and grouping.

Powered by TanStack Table. Pass data and columns for automatic rendering. Supports controlled and uncontrolled sorting, clickable rows, active-row highlighting, and optional row grouping with expand/collapse.
Type Parameters
- TData
Parameters
- __namedParameters: DataTableProps<TData>
Returns Element
Example: Basic usage
```
<DataTable
  data={rows}
  columns={[
    { accessorKey: "name", header: "Name", enableSorting: true },
    { accessorKey: "status", header: "Status" },
  ]}
  onRowClick={(row) => navigate(row.original.id)}
/>
```
Example: Grouped by a column
```
<DataTable
  data={flatRows}
  columns={columns}
  grouping={["clientName"]}
/>
```
- Defined in packages/ui/src/composites/DataTable/DataTable.tsx:218