awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
denisraslov avatar

denisraslov/react-spreadsheet-grid

0
View on GitHub↗
1,173 stars·56 forks·JavaScript·MIT·17 viewsdenisraslov.github.io/grid↗

React Spreadsheet Grid

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 to specific data visualization needs.

The grid includes capabilities for handling large volumes of information through windowed rendering and lazy loading, which maintain performance by processing only the visible subset of data. It also offers imperative control through component references, allowing for programmatic manipulation of scroll positions and selection states.

Features

  • Data Grid Components - Provides a high-performance data grid component for React that enables efficient rendering and navigation of large datasets.
  • Tabular Data Management Interfaces - Renders structured information in a spreadsheet-style grid interface for effective data management.
  • Spreadsheet-Style Editors - Implements Excel-like editing workflows with resizable columns and custom cell editors for complex data management.
  • In-Place Cell Editing - Enables direct modification of individual cell values within the tabular interface.
  • Editable Data Grids - Supports direct modification of cell values using spreadsheet-like input controls.
  • Component-Based Cell Rendering - Enables dynamic rendering of interactive editors within grid cells using custom UI components.
  • Windowed Rendering - Maintains high performance by rendering only the visible subset of rows and columns.
  • React Application Development - Provides a framework for building interactive and performant data grids within React applications.
  • Keyboard-Driven Grid Navigation - Implements spreadsheet-style keyboard navigation for efficient focus management across the grid.
  • Column Management - Enables users to resize and organize columns to customize their view of tabular data.
  • Scroll Loading Toggles - Implements automatic data fetching during scrolling to handle large datasets efficiently.
  • Column Layout Configurations - Allows users to define column structures and adjust layouts dynamically for a personalized viewing experience.
  • Grid Column Management - Provides comprehensive controls for resizing and managing grid columns to ensure a responsive layout.
  • Custom Cell Editors - Provides tools to control cell behavior, including custom editors and event handling for data entry.
  • Guided Data Entry - Streamlines data management tasks through spreadsheet-like input experiences and keyboard navigation.
  • Interactive Table Components - Offers a flexible library for building interactive data tables with support for complex cell interactions and dynamic layouts.

Star history

Star history chart for denisraslov/react-spreadsheet-gridStar history chart for denisraslov/react-spreadsheet-grid

How this analysis was created: This summary and feature list were written by an AI model that read the project's README and public documentation pages. Each feature links to the documentation it came from; stars, license and language come straight from the GitHub API. The model does not read the source code, and the analysis is refreshed when the project is re-analysed. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Frequently asked questions

What does denisraslov/react-spreadsheet-grid do?

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.

What are the main features of denisraslov/react-spreadsheet-grid?

The main features of denisraslov/react-spreadsheet-grid are: Data Grid Components, Tabular Data Management Interfaces, Spreadsheet-Style Editors, In-Place Cell Editing, Editable Data Grids, Component-Based Cell Rendering, Windowed Rendering, React Application Development.

What are some open-source alternatives to denisraslov/react-spreadsheet-grid?

Open-source alternatives to denisraslov/react-spreadsheet-grid include: mleibman/slickgrid — SlickGrid is a high-performance JavaScript data grid and virtualized data table designed to render large datasets in… olifolkerd/tabulator — Tabulator is an interactive data table library and virtual DOM data grid used to create high-performance tables from… react-component/table — This library is a React component designed for rendering high-performance data grids. It provides a structured… nadbm/react-datasheet — react-datasheet is a React data grid component and tabular editor that provides an interactive spreadsheet interface.… nhn/tui.grid — Tui Grid is a JavaScript data grid component designed for rendering, editing, and organizing structured tabular… comcast/react-data-grid — react-data-grid is a high-performance table component for React designed to render large datasets using…

Open-source alternatives to React Spreadsheet Grid

Similar open-source projects, ranked by how many features they share with React Spreadsheet Grid.
  • mleibman/slickgridmleibman avatar

    mleibman/SlickGrid

    6,945View on GitHub↗

    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

    JavaScript
    View on GitHub↗6,945
  • olifolkerd/tabulatorolifolkerd avatar

    olifolkerd/tabulator

    7,550View on GitHub↗

    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

    JavaScriptajaxcdnjsdata
    View on GitHub↗7,550
  • react-component/tablereact-component avatar

    react-component/table

    1,372View on GitHub↗

    This library is a React component designed for rendering high-performance data grids. It provides a structured framework for displaying large datasets by utilizing window-based row virtualization, which ensures that only the visible portion of the data is rendered to the document object model. The component distinguishes itself through advanced layout and navigation capabilities, including native support for sticky headers and columns that remain anchored during scrolling. Developers can exercise imperative control over the table viewport to navigate to specific indices or pixel offsets, whil

    TypeScript
    View on GitHub↗1,372
  • nadbm/react-datasheetnadbm avatar

    nadbm/react-datasheet

    5,445View on GitHub↗

    react-datasheet is a React data grid component and tabular editor that provides an interactive spreadsheet interface. It is designed for managing tabular data with built-in support for cell editing and keyboard navigation. The project is distinguished by its flexibility in rendering and structure, allowing the replacement of standard table elements with custom markup such as lists or divs. It supports custom cell rendering through a mapping system that swaps default cells with specialized components based on cell metadata. The component covers broad capabilities for tabular data management,

    JavaScriptcomponentgridjavascript
    View on GitHub↗5,445
See all 30 alternatives to React Spreadsheet Grid→

Curated searches featuring React Spreadsheet Grid

Hand-picked collections where React Spreadsheet Grid appears.
  • React Table and Data Grid Components