React Data Table Components

Dev Design Library indexes 129 React data table components from 30 open-source UI libraries, with the most coming from Tremor Blocks, Origin UI, FLX UI, Spectrum UI and Watermelon UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list targets React. Data table components belong to the Data display group.

Showing 120 of 129, a mix from every library. Open a library to see all of its components.

• Dashboard 01shadcn/ui · ReactA dashboard with sidebar, charts and data table.
• TableHeroUI · ReactTables display structured data in rows and columns with support for sorting, selection, column resizing, and infinite…
• Table ViewReact Spectrum · ReactTables are containers for displaying information. They allow users to quickly scan, sort, compare, and take action on…
• Comp 466Origin UI · React
• Data Tablepdfcn · ReactData Table PDF component (forme)
• tableIntent UI · Reacttable
• TableUntitled UI React · React
• Order BookbeUI · ReactAnimated order book with bid and ask depth, spread, and volume balance.
• API Keys TableSpectrum UI · ReactKey management with masked secrets in mono, scope chips, usage counts and a revoke action.
• Data TableFluid Functionalism · ReactTanStack Table drawn with the library's Table: the fluid hover row highlight plus resizable, draggable columns…
• Customers TableOpenSourceUI · React
• Data TableBoardUI · ReactFilters, selection, and pagination wired up.
• TableTremor Blocks · React
• Data TableNotra · ReactA sortable, selectable table with a sticky header, virtualized rows, pagination with a page-size select, and an…
• tableBaseLayer · ReactA table displays data in rows and columns and enables a user to navigate its contents via directional navigation keys…
• Data TableAI CSS · React
• Data TableWatermelon UI · React
• Sortable data tableArc Library · ReactCompare structured records with sortable columns.
• Data TableUI Lab · ReactSorts, selects and bulk-acts on rows without losing its place.
• Data tableHextaUI · ReactA table for real data, with sorting, search, row selection, pinned columns, a sticky header and pagination.
• Data Table ArtifactLocalMode · ReactA generic sortable data table for local row data — VectorDB results, model catalogs, evaluation rows, or…
• Data TableCojeev UI · ReactDisplays records with client-side filtering, sortable columns, and paginated rows.
• BasicFLX UI · ReactCaption, header, and a footer total row.
• Data GridVelora UI · ReactSortable, searchable, filterable table with selection, column toggles and pagination, built on TanStack Table.
• Data TableHalaska UI · React
• Data GridSpaceUI · ReactDisplays large datasets in an interactive table where users can sort, filter, paginate, and resize columns to analyze…
• Dashboard 01D2Studio UI · ReactHotel booking dashboard with guest and vacancy stats, booking search and a check-in and check-out table.
• TableEaseUI · ReactA plain, composable data table: sortable headers with an arrow that only shows on hover until active, and rows that…
• Data TableFibo · ReactA table for lists people work through, on TanStack Table: sorting, search, filters with counts, pages, selection, cell…
• Data TableReactFrame · ReactAn admin data table with sortable/filterable columns, global search, status tabs, row selection, badge/avatar/actions…
• Tailwind TableReact Spectrum · React
• Comp 467Origin UI · React
• Data Tablepdfcn · ReactData Table PDF component (takumi)
• Audit Log TableSpectrum UI · ReactA dense, pinned-header event log with actors, mono action names, IPs and severity levels.
• Orders TableOpenSourceUI · React
• Table 01Tremor Blocks · React
• Data Table 1Watermelon UI · React
• GGUF Explorer BlockLocalMode · ReactBrowse 160,000+ HuggingFace GGUF models and the curated wllama catalog, inspect any file's metadata via a ~4KB HTTP…
• With imagesFLX UI · ReactAvatar thumbnails beside name and email in each row.
• Vanilla TableReact Spectrum · React
• Comp 468Origin UI · React
• Customers TableSpectrum UI · ReactAccounts ranked by MRR with plan badges, churn-risk indicators and owner avatars.
• Recent Transactions TableOpenSourceUI · React
• Table 02Tremor Blocks · React
• Data Table 10Watermelon UI · React
• Vector Data Manager BlockLocalMode · ReactFour-format vector import (Pinecone/ChromaDB/CSV/JSONL + native JSON) with auto format-detection, preview, batched…
• Without dividersFLX UI · ReactBorderless rows for a clean, list-like layout.
• Comp 469Origin UI · React
• Data TableSpectrum UI · ReactA typed data table with sorting, search and row selection, where rows glide into their new order.
• Tasks TableOpenSourceUI · React
• Table 03Tremor Blocks · React
• Data Table 11Watermelon UI · React
• Model Cache TableLocalMode · ReactCached-model observability table: model ID (monospace, truncated), status badge (loaded/loading/error), load duration…
• Striped rowsFLX UI · ReactZebra striping tints every other row.
• Comp 470Origin UI · React
• Deployments TableSpectrum UI · ReactCI deploys with commit messages, mono shas, environment badges, build status and author avatars.
• Team Members TableOpenSourceUI · React
• Table 04Tremor Blocks · React
• Data Table 12Watermelon UI · React
• With vertical linesFLX UI · ReactColumn grid lines via per-cell right borders.
• Comp 471Origin UI · React
• Feature Flags TableSpectrum UI · ReactFlag management with env chips, rollout meters and a live spring-animated switch per row.
• Users Select TableOpenSourceUI · React
• Table 05Tremor Blocks · React
• Data Table 13Watermelon UI · React
• DenseFLX UI · ReactCompact padding and type for high-density data.
• Comp 472Origin UI · React
• Files TableSpectrum UI · ReactA shared-drive browser with type-glyph tiles, sizes, collaborator stacks and modified dates.
• Table 06Tremor Blocks · React
• Data Table 2Watermelon UI · React
• With checkboxFLX UI · ReactSelect-all header, per-row checkboxes, and a selection count.
• Comp 473Origin UI · React
• Inventory TableSpectrum UI · ReactStock management with SKU tiles, capacity meters that change color at thresholds and status labels.
• Table 07Tremor Blocks · React
• Data Table 3Watermelon UI · React
• Card tableFLX UI · ReactTable inside a Card with title and status badges.
• Comp 474Origin UI · React
• Invoices TableSpectrum UI · ReactBilling history with mono invoice numbers, status pills and a per-row PDF download.
• Table 08Tremor Blocks · React
• Data Table 4Watermelon UI · React
• VerticalFLX UI · ReactKey-value details with row headers down the left.
• Comp 475Origin UI · React
• Leaderboard TableSpectrum UI · ReactRankings with medal chips for the top three, player avatars, streaks and weekly movement.
• Table 09Tremor Blocks · React
• Data Table 5Watermelon UI · React
• Sticky headerFLX UI · ReactHeader pinned while the capped body scrolls.
• Comp 476Origin UI · React
• Market Watchlist TableSpectrum UI · ReactA price watchlist with ticker tiles, signed 24h changes and seven-day inline sparklines.
• Table 10Tremor Blocks · React
• Data Table 6Watermelon UI · React
• SortableFLX UI · ReactTanStack Table, click a column header to sort ascending or descending.
• Comp 477Origin UI · React
• Orders TableSpectrum UI · ReactE-commerce orders with fulfillment pills, customer avatars and an expandable line-item panel.
• Table 11Tremor Blocks · React
• Data Table 7Watermelon UI · React
• With filtersFLX UI · ReactTanStack Table, global search input plus a status column filter dropdown.
• Comp 478Origin UI · React
• Payments TableSpectrum UI · ReactTransactions with people avatars, status pills, filters, row selection and a bulk export bar.
• Table Action 01Tremor Blocks · React
• Data Table 8Watermelon UI · React
• PaginationFLX UI · ReactTanStack Table, prev / next controls with a rows-per-page select.
• Comp 479Origin UI · React
• Team Members TableSpectrum UI · ReactWorkspace member management with roles, two-factor status, last activity and a remove action.
• Table Action 02Tremor Blocks · React
• Data Table 9Watermelon UI · React
• Numeric paginationFLX UI · ReactTanStack Table, numbered page buttons with prev / next arrows.
• Comp 480Origin UI · React
• Support Tickets TableSpectrum UI · ReactA support queue with priority icons, SLA countdowns, assignee avatars and status pills.
• Table Action 03Tremor Blocks · React
• Column visibilityFLX UI · ReactTanStack Table, toggle individual columns on or off from a dropdown menu.
• Comp 481Origin UI · React
• Top Pages TableSpectrum UI · ReactAn analytics table with mono paths, share-of-traffic bars and signed week-over-week deltas.
• Table Action 04Tremor Blocks · React
• Resizable columnsFLX UI · ReactTanStack Table, drag the header edge to resize column widths.
• Comp 482Origin UI · React
• Table Action 05Tremor Blocks · React
• Pinnable columnsFLX UI · ReactTanStack Table, a column pinned to the right stays visible while scrolling horizontally.
• Comp 483Origin UI · React
• Table Action 06Tremor Blocks · React
• Row selectionFLX UI · ReactTanStack Table, row checkboxes with a bulk actions toolbar showing count, clear, and delete.

Libraries with React data table components

• Tremor Blocks
• Origin UI
• FLX UI
• Spectrum UI
• Watermelon UI

Related categories

• Data Table Components
• Tailwind CSS Data Table Components
• Svelte Data Table Components
• Animated Data Table Components
• shadcn/ui Data Table Components
• React Data Display Components
• React Card Components
• React Chart Components
• React Table Components
• React Avatar Components
• React List Components
• React Stat Components
• React Calendar Components
• React Accordion Components
• React Carousel Components
• React Collapsible Components
• React Avatar Group Components
• React Tree View Components
• React Card Stack Components
• React Line Chart Components
• React Counter Components