Skip to main content

Bst-Table

A React data grid: a headless engine (@bloomskill/table-engine, built on TanStack Table v9) with swappable Material UI and shadcn / Radix skins. Pass data + columns and you get sorting, search, pagination and column controls out of the box — then opt into editing, cell/range selection, clipboard, export and more with per-instance flags. Everything is MIT / Apache: no per-seat licensing, no paid tiers.

Install (Material UI skin):

npm install @bloomskill/table-mui @bloomskill/table-engine @mui/material @emotion/react @emotion/styled
Get startedInstallationRecipesFeature Guides
v0.48.0 · 10 KB · view raw

Using an AI coding assistant? No model was trained on Bst-Table, so a cold prompt gets you some other grid's API. This hands it ours — entry points, every flag, all 17 cell types, and the dependencies that are easy to miss. For a permanent fix, register the MCP server.

What you get

  • Zero-config data ops — sorting, global search, per-column filters, grouping and pagination, on by default.
  • Opt-in power — inline / row / batch editing, validation, cell & range selection, clipboard, undo/redo, CSV / Excel / print export.
  • 17 built-in cell types — text, number, date, select, boolean, files, sparkline, KPI, QR, and more, all dependency-free.
  • Client or server data — the same grid runs over an in-memory array or a server DataSource (manual sort / filter / paginate) by swapping the source.
  • Two skins, one engine — Material UI or shadcn / Radix, switchable without touching your data code.

API Reference · AI Agents & MCP · Coverage & Roadmap · GitHub · npm