# React Table and Data Grid Components

> Search results for `table and data grid component for React` on awesome-repositories.com. 108 total matches; showing the first 50.

Explore on the web: https://awesome-repositories.com/q/table-and-data-grid-component-for-react

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [this search on awesome-repositories.com](https://awesome-repositories.com/q/table-and-data-grid-component-for-react).**

## Results

- [ag-grid/ag-grid](https://awesome-repositories.com/repository/ag-grid-ag-grid.md) (15,412 ⭐) — AG Grid is a JavaScript data grid library designed for rendering and manipulating large datasets within web applications. It functions as a comprehensive toolset for building interactive tables that support complex data visualization, enabling the display of massive volumes of information while maintaining responsive user interactions.

The library distinguishes itself through a column-oriented layout engine and a plugin-based architecture that allows for modular extensions. It utilizes a cell-based component lifecycle and an expression-based evaluation engine to manage data updates and format
- [tannerlinsley/react-table](https://awesome-repositories.com/repository/tannerlinsley-react-table.md) (28,099 ⭐) — This project is a headless UI table library and state manager for building data grids. It functions as a type-safe logic engine that manages table state and data grid behavior without providing pre-defined styles or HTML markup.

The library employs a headless pattern, separating internal logic and state from visual presentation. By providing hooks rather than styled components, it allows developers to maintain full control over the markup, styles, and interaction behavior of their tables.

The core engine covers complex datagrid implementation, including the management of sorting, filtering,
- [brillout/awesome-react-components](https://awesome-repositories.com/repository/brillout-awesome-react-components.md) (47,788 ⭐) — This project is a community-maintained open source directory that serves as a comprehensive index of React components and libraries. It functions as a technical knowledge base, mapping common development challenges to vetted third-party solutions to help developers accelerate their frontend workflows and avoid reinventing standard interface elements.

The directory distinguishes itself through a decentralized, hyperlink-centric architecture that avoids hosting code locally, instead pointing users directly to external repositories. This content is curated through a collaborative model where com
- [adazzle/react-data-grid](https://awesome-repositories.com/repository/adazzle-react-data-grid.md) (7,637 ⭐) — react-data-grid is a high-performance tabular interface for rendering and manipulating large datasets within a React application. It functions as a virtualized data table and editable spreadsheet component that supports hierarchical data grids with expandable and collapsible row groupings.

The component maintains performance with massive datasets by rendering only the rows and columns currently visible in the viewport. It provides spreadsheet-like data manipulation, including cell editing and the ability to copy, paste, or drag values between cells.

The grid supports advanced layout capabili
- [react-grid-layout/react-grid-layout](https://awesome-repositories.com/repository/react-grid-layout-react-grid-layout.md) (22,319 ⭐) — React Grid Layout is a toolkit for building draggable, resizable, and responsive dashboard interfaces. It functions as a coordinate-based grid system that reconciles component positions and dimensions through declarative metadata, allowing developers to manage complex collections of UI elements that users can interact with directly.

The library distinguishes itself through an automated packing algorithm that maintains structural integrity by shifting elements to fill gaps and resolving overlaps. It supports responsive design by monitoring container width changes against pre-defined breakpoint
- [react-grid-layout/react-draggable](https://awesome-repositories.com/repository/react-grid-layout-react-draggable.md) (9,292 ⭐) — react-draggable is a drag and drop library and coordinate-based position manager for React. It functions as a component wrapper that adds draggable behavior to user interface elements, enabling them to be moved via mouse or touch interactions.

The library provides touch-enabled interaction tools that unify pointer events across desktop browsers and touch screen devices. It utilizes CSS transforms to handle element movement and coordinate tracking.

The system covers movement constraints such as axis restriction and boundary clamping to confine elements within specific areas. It includes posit
- [nocodb/nocodb](https://awesome-repositories.com/repository/nocodb-nocodb.md) (63,466 ⭐) — NocoDB is a visual platform that transforms relational databases into collaborative, spreadsheet-style workspaces. By acting as a headless database backend, it provides a unified environment for designing database structures, managing record relationships, and interacting with data without requiring manual SQL queries. The platform normalizes interactions across various SQL and NoSQL data sources, allowing users to manage complex datasets through a centralized interface.

The project distinguishes itself by automatically generating RESTful and GraphQL APIs from existing database schemas, enabl
- [handsontable/handsontable](https://awesome-repositories.com/repository/handsontable-handsontable.md) (21,947 ⭐) — Handsontable is a JavaScript data grid that provides a spreadsheet-like interface for managing and editing large datasets within web applications. It functions as a virtualized data table that renders only visible cells to maintain performance, paired with a synchronization layer that binds the grid to underlying data structures.

The project distinguishes itself through a built-in spreadsheet calculation engine for evaluating mathematical and logical expressions and a dedicated tool for exporting grid content into Excel XLSX files. It ensures interoperability with external spreadsheet softwar
- [longbridge/gpui-component](https://awesome-repositories.com/repository/longbridge-gpui-component.md) (11,793 ⭐) — gpui-component is a native desktop UI kit and component library built for the GPUI framework. It provides a collection of reusable user interface elements, a desktop layout engine for organizing application space, and a specialized data visualization library for rendering quantitative information.

The project is distinguished by its high-performance rendering systems, including a virtualized data grid and list system designed to handle large datasets with low memory overhead. It also features a comprehensive data visualization toolkit for rendering charts, axes, and coordinate scales using li
- [mantinedev/mantine](https://awesome-repositories.com/repository/mantinedev-mantine.md) (31,263 ⭐) — Mantine is a comprehensive component library for building accessible and responsive web applications. It provides a foundational set of UI elements and layout primitives, anchored by a base component that supports consistent styling, spacing, and layout properties across the entire interface. The library is built on a design-driven theme engine that uses a provider-based system to propagate global design tokens and color schemes throughout an application.

The library distinguishes itself through a robust architecture that emphasizes component composition and reusable interaction logic. It uti
- [filamentphp/filament](https://awesome-repositories.com/repository/filamentphp-filament.md) (31,215 ⭐) — Filament is a full-stack framework for building administrative panels and management interfaces within the Laravel ecosystem. It provides a declarative, component-based architecture that allows developers to construct complex, data-driven applications using server-side configuration objects rather than manual HTML. By inspecting database model structures and relationships, the framework automates the generation of CRUD interfaces, forms, and data tables, significantly reducing boilerplate code.

The project distinguishes itself through a highly modular and extensible design that supports custo
- [sadmann7/tablecn](https://awesome-repositories.com/repository/sadmann7-tablecn.md) (6,167 ⭐) — Tablecn is a React-based data table component that combines server-side data processing with real-time collaboration features. It provides a structured approach to building interactive tables using reusable components and a declarative column configuration system that automatically generates filter interfaces.

The project distinguishes itself through its contextual action bar pattern, which surfaces batch operations only when rows are selected, keeping the main interface uncluttered. It supports virtualized row rendering for performance with large datasets, and uses WebSocket connections to s
- [jbetancur/react-data-table-component](https://awesome-repositories.com/repository/jbetancur-react-data-table-component.md) (2,212 ⭐) — A responsive table library with built-in sorting, pagination, selection, expandable rows, and customizable styling.
- [heidisql/heidisql](https://awesome-repositories.com/repository/heidisql-heidisql.md) (6,129 ⭐) — A lightweight client for managing MariaDB, MySQL, SQL Server, PostgreSQL, SQLite, Interbase and Firebird, written in Delphi and Lazarus/FreePascal
- [keenthemes/reui](https://awesome-repositories.com/repository/keenthemes-reui.md) (2,568 ⭐) — Reui is a React UI component library and front-end framework distributed under the MIT license. It provides a collection of reusable, pre-built React components for building modern web application interfaces.

The library is built on a component-based architecture that uses declarative rendering through JSX, with state management handled by React Hooks. It employs CSS Modules for scoped styling and Tailwind CSS for utility-first styling, while TypeScript provides static type checking across the codebase. The project organizes components using a file-based structure and uses a module bundler bu
- [comcast/react-data-grid](https://awesome-repositories.com/repository/comcast-react-data-grid.md) (7,637 ⭐) — react-data-grid is a high-performance table component for React designed to render large datasets using virtualization. It functions as a virtualizing data table that optimizes memory and performance by rendering only the rows and columns currently visible on the screen.

The project provides a customizable spreadsheet interface featuring cell editing, column resizing, and pinned rows. It also acts as a hierarchical data grid, supporting row grouping and tree structures to organize complex nested information.

The grid covers wide-ranging data management and display capabilities, including mul
- [primefaces/primeng](https://awesome-repositories.com/repository/primefaces-primeng.md) (12,510 ⭐) — PrimeNG is a comprehensive collection of reusable interface elements designed for building consistent and interactive web applications within the Angular framework. It functions as an enterprise-grade component suite, providing a standardized design system that enables developers to implement cohesive visual languages and user experiences across complex, data-driven software environments.

The library distinguishes itself through a focus on professional-grade widgets, including advanced data grid and table management tools that support sorting, filtering, pagination, and inline editing. By int
- [phil-r/react-native-grid-component](https://awesome-repositories.com/repository/phil-r-react-native-grid-component.md) (266 ⭐) — :black_square_button: React native grid component
- [davidhdev/react-bits](https://awesome-repositories.com/repository/davidhdev-react-bits.md) (41,207 ⭐) — React-bits is a comprehensive toolkit for web development that combines a library of interactive motion primitives with a command-line interface for component management and AI-assisted coding. It provides a framework for implementing declarative motion states and specialized typography animations, allowing developers to build responsive, gesture-enabled interfaces that respond to user input.

The project distinguishes itself through a remote registry system that allows for the direct injection of modular UI source code into local project directories. It also features a protocol-based bridge t
- [up2go/visualforce-table-grid](https://awesome-repositories.com/repository/up2go-visualforce-table-grid.md) (124 ⭐) — Flexible and highly customizable Visualforce table grid component. Salesforce.com Classic Look and Feel.
- [seleniumhq/selenium](https://awesome-repositories.com/repository/seleniumhq-selenium.md) (34,203 ⭐) — Selenium is a comprehensive browser automation framework that provides a standardized interface for controlling web browsers to perform automated tasks, user interactions, and data extraction. It functions as a cross-browser testing tool, enabling developers to execute identical automation scripts across various browser engines and operating systems to ensure consistent application behavior. By implementing the WebDriver protocol, it maps high-level automation commands to browser-specific drivers using a standardized HTTP-based wire protocol.

The project distinguishes itself through its distr
- [mckinsey/vizro](https://awesome-repositories.com/repository/mckinsey-vizro.md) (3,579 ⭐) — Vizro is a low-code Python framework for building production-ready data visualization applications. It functions as a UI orchestrator that allows users to define multi-page analytical dashboards through structured configurations in Python, YAML, or JSON, reducing the need for extensive frontend engineering.

The project distinguishes itself through generative AI integration, utilizing a model context protocol server to translate natural language descriptions into validated dashboard configurations, charts, and layouts. It also features a decoupled data cataloging system that separates data sou
- [trixwell/data-grid](https://awesome-repositories.com/repository/trixwell-data-grid.md) (2 ⭐) — NgxDataGridx is a Angular component that renders data in a highly customizable and interactive data table. It supports features such as filtering, sorting, pagination, CSV export, expandable sub-grids, and integration with Angular Material components.
- [facebook/react](https://awesome-repositories.com/repository/facebook-react.md) (245,669 ⭐) — React is a JavaScript library for building user interfaces based on a component-driven architecture and unidirectional data flow.
- [krayin/laravel-crm](https://awesome-repositories.com/repository/krayin-laravel-crm.md) (21,404 ⭐) — This project is a modular, open-source customer relationship management platform built on the Laravel framework. It serves as a comprehensive business application framework designed for tracking sales pipelines, managing business entities, and automating marketing workflows. By providing a self-hosted solution, it enables organizations to maintain full control over their contact data, sales leads, and communication history.

The platform distinguishes itself through a highly extensible architecture that allows developers to modify core behavior without altering the underlying source code. It u
- [kagawagao/react-grid](https://awesome-repositories.com/repository/kagawagao-react-grid.md) (10 ⭐) — [Deprecated]React UI Component - Grid(Based on Ant Design)
- [petyosi/react-virtuoso](https://awesome-repositories.com/repository/petyosi-react-virtuoso.md) (6,348 ⭐) — React Virtuoso is a React component library for rendering large datasets efficiently through virtualized lists, grids, tables, and chat interfaces. It automatically measures variable-height items at runtime, computes accurate scroll offsets without requiring fixed sizes, and renders only the items within the visible viewport plus a configurable buffer zone. The library manages scroll position through a state machine that tracks direction, position, and anchor items to handle auto-scroll, sticky headers, and bidirectional loading.

The library distinguishes itself with specialized components fo
- [rdatatable/data.table](https://awesome-repositories.com/repository/rdatatable-data-table.md) (3,894 ⭐) — R's data.table package extends data.frame:
- [tabler/tabler](https://awesome-repositories.com/repository/tabler-tabler.md) (41,180 ⭐) — Tabler is a comprehensive UI framework designed for building responsive, data-heavy administrative panels and enterprise web applications. It provides a unified collection of pre-styled components and layout patterns that allow developers to construct complex dashboard interfaces using a consistent design system.

The project distinguishes itself through a metadata-driven approach to interactivity, where complex component behaviors and state transitions are initialized by parsing configuration attributes directly from HTML elements. This allows for the creation of interactive interfaces withou
- [table-library/react-table-library](https://awesome-repositories.com/repository/table-library-react-table-library.md) (795 ⭐) — React Table Library
- [charmbracelet/bubbles](https://awesome-repositories.com/repository/charmbracelet-bubbles.md) (7,796 ⭐) — Bubbles is a terminal user interface toolkit and component library providing a set of pre-built, reusable widgets for creating interactive command-line applications. It functions as a framework for building complex tools that require real-time updates and keyboard navigation.

The library includes a variety of specialized interface elements such as fuzzy-filterable item lists, single-line and multi-line text inputs, and tabular data grids. It also provides visual feedback components including animated loading spinners, progress meters, countdown timers, and stopwatches.

Additional capabilitie
- [newbeefe/antd-data-table](https://awesome-repositories.com/repository/newbeefe-antd-data-table.md) (126 ⭐) — A component that combines antd's Table and Form to do the search, display, and operating jobs for data.
- [n8n-io/n8n](https://awesome-repositories.com/repository/n8n-io-n8n.md) (192,772 ⭐) — n8n is a workflow automation platform that combines a visual interface with code-based extensibility to design, orchestrate, and manage automated processes. It provides a comprehensive suite of tools for data transformation, filtering, and storage, allowing users to build complex logic through conditional branching, looping, and sub-workflow execution. The platform supports both pre-built integration nodes and custom code execution in JavaScript or Python, enabling connectivity with a wide range of external services and APIs.

The platform includes a suite of generative AI capabilities, such a
- [ggordan/react-infinite-grid](https://awesome-repositories.com/repository/ggordan-react-infinite-grid.md) (202 ⭐) — A React component which renders a grid of elements.
- [myliang/x-spreadsheet](https://awesome-repositories.com/repository/myliang-x-spreadsheet.md) (14,601 ⭐) — x-spreadsheet is an HTML5 canvas spreadsheet component and web-based data grid designed for high-performance data display and cell manipulation. It serves as an interactive web component that allows users to manage structured data within a browser-based interface.

The project includes an XLSX file serializer that imports and exports spreadsheet state using binary XML formats compatible with Excel. It also features a locale-aware UI framework that translates interface labels and date formats through configurable language objects.

The component covers a broad range of capabilities including fo
- [bvaughn/react-virtualized](https://awesome-repositories.com/repository/bvaughn-react-virtualized.md) (27,072 ⭐) — react-virtualized is a library of components for rendering massive lists and tables by drawing only the elements visible in the viewport. It provides specialized layout managers including a windowed grid component and a dynamic height list manager.

The project includes a masonry layout engine for packing items of varying heights and widths, as well as an infinite scroll interface for incrementally fetching and appending data.

The library covers a broad range of virtualization capabilities, including frozen grid elements, reverse list rendering, and synchronized viewport scrolling. It also su
- [lucholaf/react-native-grid-view](https://awesome-repositories.com/repository/lucholaf-react-native-grid-view.md) (278 ⭐) — React Native Grid/Collection View component
- [dc-js/dc.js](https://awesome-repositories.com/repository/dc-js-dc-js.md) (7,431 ⭐) — dc.js is a multi-dimensional analysis tool and visualization framework used to build interactive data dashboards. It functions as a charting library that renders diverse SVG visualizations powered by D3 and integrates natively with Crossfilter to enable coordinated filtering across large datasets.

The project is distinguished by its linked-view coordination, where selecting a data range or category in one chart simultaneously updates all other connected views. This allows for dynamic data exploration through dimensional chart linking and coordinated brushing, transforming raw datasets into na
- [semantic-org/semantic-ui-react](https://awesome-repositories.com/repository/semantic-org-semantic-ui-react.md) (13,218 ⭐) — Semantic UI React is a declarative component library that provides native React bindings for the Semantic UI design language. It enables the construction of complex user interfaces through a modular, component-based architecture that maps directly to established design patterns, allowing developers to build consistent web application layouts without manual HTML markup.

The library distinguishes itself through a shorthand property system that automatically generates and populates nested child components from data objects, significantly reducing the need for verbose code. It also supports polym
- [broucz/react-inline-grid](https://awesome-repositories.com/repository/broucz-react-inline-grid.md) (167 ⭐) — Predictable flexbox based grid for React.
- [maslo2017/phalcon-data-table](https://awesome-repositories.com/repository/maslo2017-phalcon-data-table.md) (1 ⭐) — phalcon-data-table libiray
- [n8n-io/self-hosted-ai-starter-kit](https://awesome-repositories.com/repository/n8n-io-self-hosted-ai-starter-kit.md) (14,997 ⭐) — This project provides a dockerized AI workflow stack and orchestration templates for deploying a self-hosted AI environment. It establishes a localized infrastructure for building autonomous agents and model chains that process private data on-premises without external cloud dependencies.

The environment is designed to support autonomous agent development, allowing models to dynamically select tools, execute shell commands, and interact with local file systems. It includes integrated vector database support to enable retrieval augmented generation and private document analysis.

The stack cov
- [x-extends/vxe-table](https://awesome-repositories.com/repository/x-extends-vxe-table.md) (8,595 ⭐) — vxe-table is a high-performance data table component and UI library for Vue, designed for building data-heavy applications. It functions as a virtualized data grid and spreadsheet UI framework capable of rendering millions of rows by mounting only the visible elements of a dataset.

The project distinguishes itself through spreadsheet-like functionality, including cell selection, copy-paste support, and the generation of cross-tabulated pivot tables. It also provides specialized tools for managing complex data hierarchies using virtual trees, row grouping, and cell merging.

The library covers
- [jspreadsheet/ce](https://awesome-repositories.com/repository/jspreadsheet-ce.md) (7,186 ⭐) — This project is a JavaScript spreadsheet component and web-based data table that provides an interactive grid for managing tabular data. It functions as a cross-framework UI component compatible with React, Vue, and jQuery, and can also be embedded as a standalone web component.

The grid is specifically designed for XLSX interoperability, allowing users to import and export XLSX files while preserving formulas and styles. It distinguishes itself through real-time collaboration for simultaneous multi-user editing and a flexible system for creating custom cell editors and specialized column typ
- [heroui-inc/heroui](https://awesome-repositories.com/repository/heroui-inc-heroui.md) (29,684 ⭐) — HeroUI is a declarative toolkit for building accessible user interfaces through modular, React-based component composition. It provides a comprehensive set of reusable building blocks designed to standardize visual language and interaction patterns across web and mobile applications.

The library distinguishes itself through an integrated approach to accessibility and styling. It automatically manages state and keyboard interactions by injecting appropriate attributes, while utilizing a utility-driven styling architecture to enforce design system consistency. Developers can leverage polymorphi
- [facebook/react-native](https://awesome-repositories.com/repository/facebook-react-native.md) (126,019 ⭐) — This project is a cross-platform mobile framework that enables the development of native iOS and Android applications from a single codebase. It utilizes a declarative component-based model where developers define user interfaces using a syntax extension that maps directly to underlying platform-native view primitives. By decoupling application logic from the host platform's main thread, the framework maintains a consistent native view hierarchy while ensuring that JavaScript execution remains independent of UI rendering.

The framework distinguishes itself through a robust bridge architecture
- [hc200ok/vue3-easy-data-table](https://awesome-repositories.com/repository/hc200ok-vue3-easy-data-table.md) (557 ⭐) — A customizable and easy-to-use data table component made with Vue.js 3.x
- [gui-cs/terminal.gui](https://awesome-repositories.com/repository/gui-cs-terminal-gui.md) (11,068 ⭐) — Terminal.Gui is a cross-platform .NET toolkit for building interactive text-based user interfaces. It provides a component-based architecture, a terminal rendering engine, and a declarative layout system to create console applications that run consistently across Windows, macOS, and Linux.

The framework distinguishes itself with a comprehensive set of interactive console widgets, including data grids, hex editors, and hierarchical tree components. It supports advanced visual capabilities such as 24-bit True Color, Sixel image support, and a relative-coordinate layout system that adapts to ter
- [motiondivision/motion](https://awesome-repositories.com/repository/motiondivision-motion.md) (32,375 ⭐) — Motion is a high-performance animation library that provides a unified, declarative architecture for managing visual transitions and motion states across web interfaces. By utilizing a lightweight engine, it allows developers to define complex animations through component properties rather than manual DOM manipulation, ensuring consistent behavior across various component-based frameworks and vanilla JavaScript environments.

The library distinguishes itself through a sophisticated physics-based motion engine that simulates natural movement using mass, damping, and stiffness parameters. It inc
- [saleel/react-native-super-grid](https://awesome-repositories.com/repository/saleel-react-native-super-grid.md) (1,482 ⭐) — Responsive Grid View for React Native