UI / Components / data / DataTable

DataTable

Virtualized typed-row table. 60fps past 100k rows.

The full Sheet from Dock as an open-source primitive. Virtualizes past 100 rows, supports drag-fill, range select, clipboard TSV paste, find-and-replace, 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 →