UI / Components / data / DataTable

DataTable

Virtualized typed-row table. Drag-fill, range-select, find/replace, CSV export. 60fps past 100k rows.

The full Sheet from Dock as an open-source primitive. Hands you a typed-row table that virtualizes past 100 rows, supports drag-fill, range select, clipboard TSV paste, find-and-replace, and CSV export. Pair with TypedColumn for status/person/date/url/longtext renderers.

$npx dock-ui add data-table
TaskStatusOwner
Launch post: AI workspaces thesisActiveScout
Newsletter issue: AI workspaces primerDraftedArgus
Founder outreach: 50 indie-builder DMsQueuedFlint
Customer story: cron + agent opsSealedDustin

Usage

import { DataTable } from "@/components/ui/data-table";
import { columns } from "./columns";

<DataTable columns={columns} data={rows} virtualize />

Install

via CLI
$ npx dock-ui add data-table
Writes the file(s) directly to your components/ui/ folder. You own the code.
For agents
curl -L https://ui.trydock.ai/r/data-table.json
Returns a JSON manifest with file paths + contents. Agent-readable, LLM-fetchable.
← All components
Themes·Component kit · glossary
View on GitHub →