React Data Table Components
15 components · React, TypeScript and Tailwind CSS, light and dark
The parts that turn a table into a tool people work in every day. Edit cells in place with validation and undo, build filters row by row and read them back as a sentence, save and share named views, and bring data in from CSV with column matching and row fixes.
They sit alongside the Data Table in Data & feedback, which handles sorting, search, selection and pagination with TanStack Table.
React dashboard components
ProEditable Table
Spreadsheet-style editable table with undo and save.
ProFilter Builder
Visual filter builder for data tables.
ProSaved Views
Saved, shareable views above a data table.
ProData Import
CSV import with column mapping and fixes.
BlockProPayments Table
Payments table with status tabs and refunds.
BlockProOrders Table
Orders table with status and expandable line items.
BlockProCustomers Table
Customers table with MRR, plan and churn risk.
BlockProAPI Keys Table
API keys table with scopes, usage and revoke.
BlockProAudit Log Table
Audit log table with filters and export.
BlockProDeployments Table
Deployments table with status and redeploy.
BlockProFeature Flags Table
Feature flags table with rollout and toggles.
BlockProSupport Tickets Table
Support ticket queue sorted by SLA.
BlockProTop Pages Table
Top pages table with traffic share and change.
BlockProInventory Table
Inventory table with stock levels and reorder points.
BlockProLeaderboard Table
Leaderboard table with ranks, medals and streaks.