# JavaScript Table and Data Grid Libraries

> AI-ranked search results for `best javascript table and data grid libraries` on awesome-repositories.com — ordered by an LLM for relevance, best match first. 105 total matches; showing the top 22.

Explore on the web: https://awesome-repositories.com/q/best-javascript-table-and-data-grid-libraries

**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/best-javascript-table-and-data-grid-libraries).**

## Results

- [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
- [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
- [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
- [olifolkerd/tabulator](https://awesome-repositories.com/repository/olifolkerd-tabulator.md) (7,550 ⭐) — Tabulator is an interactive data table library and virtual DOM data grid used to create high-performance tables from JSON or arrays. It functions as a hierarchical data viewer and a spreadsheet interface component, capable of rendering thousands of records efficiently through viewport-based virtualization and progressive loading.

The library distinguishes itself by providing a full spreadsheet interface mode with multi-sheet management, cell range selection, and bulk copy-paste capabilities. It supports complex data architectures, including nested data field mapping, expandable tree structure
- [mleibman/slickgrid](https://awesome-repositories.com/repository/mleibman-slickgrid.md) (6,945 ⭐) — SlickGrid is a high-performance JavaScript data grid and virtualized data table designed to render large datasets in the browser. It functions as a web spreadsheet component and tabular data manager, utilizing virtual scrolling to maintain responsiveness when displaying hundreds of thousands of entries.

The library employs a canvas-based UI system to draw grid lines and elements, reducing the total number of DOM nodes. It separates raw data from visual presentation through column-based mapping and uses a formatter pipeline to transform data values into HTML strings.

Capabilities include row
- [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
- [swimlane/ngx-datatable](https://awesome-repositories.com/repository/swimlane-ngx-datatable.md) (4,671 ⭐) — ngx-datatable is a feature-rich data table component for Angular applications designed to display and manage large datasets. It functions as a customizable data grid that supports sorting, pagination, and the use of custom Angular templates for styling data cells.

The component is distinguished by its high-performance virtual scrolling grid, which renders only visible rows to optimize memory and CPU usage. It provides an interactive interface for managing data through row selection, column reordering, and expandable detail views.

The project covers a broad set of capabilities including colum
- [angular-ui/ui-grid](https://awesome-repositories.com/repository/angular-ui-ui-grid.md) (5,376 ⭐) — ui-grid is an enterprise data grid component for Angular applications designed to display tabular data. It functions as an interactive data table that supports virtualization to maintain performance when rendering large datasets.

The grid provides specialized capabilities for professional data management, including row grouping, column pinning, and state persistence. It allows for the organization of complex data hierarchies and the transformation of flat records into grouped or tree structures.

The component covers a broad range of data management features, including in-place cell editing,
- [glideapps/glide-data-grid](https://awesome-repositories.com/repository/glideapps-glide-data-grid.md) (5,237 ⭐) — Glide Data Grid is a virtualized data grid for React and TypeScript that uses the HTML Canvas API to render millions of cells smoothly. It is designed as an accessible data table that maintains high frame rates when displaying and navigating massive datasets.

The project distinguishes itself through a canvas-based rendering architecture that utilizes lazy rendering and a custom drawing API. This allows for specialized cell content and data-driven styling that bypasses standard DOM update cycles to ensure high performance.

The grid provides comprehensive layout and data management capabilitie
- [mui/mui-x](https://awesome-repositories.com/repository/mui-mui-x.md) (5,791 ⭐) — MUI X is a collection of advanced React UI components for building data-rich applications, including a data grid, charting library, date and time pickers, scheduler, and tree view. The library is built with accessibility as a core principle, ensuring all components meet WCAG and WAI-ARIA standards for keyboard navigation and screen reader announcements.

The components are designed for extensibility and performance. The data grid offers comprehensive data management with sorting, filtering, pagination, column pinning, row grouping, inline editing, and Excel export. The charting library support
- [denisraslov/react-spreadsheet-grid](https://awesome-repositories.com/repository/denisraslov-react-spreadsheet-grid.md) (1,173 ⭐) — This project is a high-performance data grid component for React designed to render large datasets within a spreadsheet-style interface. It provides a framework for displaying structured tabular information while enabling complex cell-based interactions and data management tasks.

The component distinguishes itself through its support for spreadsheet-like editing workflows, including keyboard-driven navigation and the ability to inject custom components into individual cells. Users can dynamically manage the grid layout by resizing columns and organizing headers, ensuring the interface adapts
- [datatables/datatables](https://awesome-repositories.com/repository/datatables-datatables.md) (7,408 ⭐) — DataTables is a feature-rich HTML table library that transforms static HTML tables into interactive data grids with sorting, paging, filtering, and server-side processing support. It provides a client-side rendering engine that handles table rows, pagination, and sorting entirely in the browser, while also offering a server-side processing pipeline that offloads sorting, filtering, and paging operations to a backend for efficient handling of large datasets.

The library distinguishes itself through its plugin-based extension system, which allows custom functions and widgets to modify table beh
- [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
- [wenzhixin/bootstrap-table](https://awesome-repositories.com/repository/wenzhixin-bootstrap-table.md) (11,820 ⭐) — Bootstrap Table is a jQuery plugin for rendering interactive data grids with sorting, pagination, and filtering. It features a remote data integration system for fetching and synchronizing content from JSON endpoints using AJAX and server-side processing.

The project includes a styling layer that adapts markup to work with various CSS frameworks, such as Bootstrap, Semantic UI, Bulma, and Material Design. It provides specialized rendering modes, including a hierarchical tree grid for parent-child row relationships and a responsive card-view table that transforms grids into mobile-friendly lay
- [revolist/revogrid](https://awesome-repositories.com/repository/revolist-revogrid.md) (3,402 ⭐) — Powerful virtual data table smartsheet with advanced customization. Best features from excel plus incredible  performance 🔋
- [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
- [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
- [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,
- [perspective-dev/perspective](https://awesome-repositories.com/repository/perspective-dev-perspective.md) (10,981 ⭐) — Perspective is a columnar data analytics engine and high-performance visualization component powered by WebAssembly. It provides a system for analyzing and visualizing large or streaming datasets through interactive data grids and charts, utilizing a compiled binary to achieve near-native performance within the browser.

The project distinguishes itself through a WebSocket-based data streaming interface and deep Apache Arrow integration, which minimize memory overhead when synchronizing tables between servers and clients. It acts as a remote query proxy capable of translating visualization con
- [grid-js/gridjs](https://awesome-repositories.com/repository/grid-js-gridjs.md) (4,692 ⭐) — Grid.js is a framework-agnostic JavaScript library for rendering interactive data grids. It allows for the display of structured information in tabular formats across different frontend environments, supporting data population from static arrays or JSON imports.

The library features a plugin system for extending user interface components and logic, as well as a custom data pipeline for transforming information before it is displayed. It includes built-in support for multilingual localization to translate interface elements and messages.

The project covers core data visualization capabilities
- [xaksis/vue-good-table](https://awesome-repositories.com/repository/xaksis-vue-good-table.md) (2,176 ⭐) — This project is a feature-rich data grid component designed for Vue applications. It provides a flexible interface for rendering, managing, and manipulating structured information, offering built-in support for essential tabular operations such as sorting, filtering, pagination, and row selection.

The library distinguishes itself through its highly extensible architecture, which allows developers to override default rendering for cells, headers, and pagination controls using scoped slots. It supports complex data workflows by enabling hierarchical organization through collapsible row grouping
- [alibaba/ali-react-table](https://awesome-repositories.com/repository/alibaba-ali-react-table.md) (979 ⭐) — This library is a high-performance data grid component for React applications, designed to manage and display large datasets. It provides a declarative configuration system that allows developers to define table structures, data sources, and feature toggles through a structured object schema.

The library distinguishes itself through a flexible layout engine that supports complex UI requirements, such as pinning headers and specific columns to viewport edges during scrolling. It utilizes virtualized rendering to maintain interface responsiveness by displaying only the visible subset of data, e