awesome-repositories.com
博客
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目关于排名机制媒体报道MCP 服务器
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
denisraslov avatar

denisraslov/react-spreadsheet-grid

0
View on GitHub↗
1,173 星标·56 分支·JavaScript·MIT·3 次浏览denisraslov.github.io/grid↗

React Spreadsheet Grid

该项目是一个专为 React 设计的高性能数据网格组件,旨在在电子表格风格的界面中渲染大型数据集。它提供了一个框架,用于显示结构化表格信息,同时支持复杂的基于单元格的交互和数据管理任务。

该组件通过支持类似电子表格的编辑工作流脱颖而出,包括键盘驱动的导航以及将自定义组件注入单个单元格的能力。用户可以通过调整列宽和组织表头来动态管理网格布局,确保界面适应特定的数据可视化需求。

该网格包括通过窗口化渲染和懒加载处理大量信息的能力,通过仅处理可见的数据子集来保持性能。它还通过组件引用提供命令式控制,允许以编程方式操作滚动位置和选择状态。

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 历史

denisraslov/react-spreadsheet-grid 的 Star 历史图表denisraslov/react-spreadsheet-grid 的 Star 历史图表

AI 搜索

探索更多 awesome 仓库

用简单的语言描述您的需求 —— AI 将根据相关性为您从数千个精选开源项目中进行排序。

Start searching with AI

包含 React Spreadsheet Grid 的精选搜索

收录 React Spreadsheet Grid 的精选合集。
  • React 表格与数据网格组件

React Spreadsheet Grid 的开源替代方案

相似的开源项目,按与 React Spreadsheet Grid 的功能重合度排序。
  • mleibman/slickgridmleibman 的头像

    mleibman/SlickGrid

    6,945在 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
    在 GitHub 上查看↗6,945
  • olifolkerd/tabulatorolifolkerd 的头像

    olifolkerd/tabulator

    7,550在 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
    在 GitHub 上查看↗7,550
  • react-component/tablereact-component 的头像

    react-component/table

    1,372在 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
    在 GitHub 上查看↗1,372
  • nadbm/react-datasheetnadbm 的头像

    nadbm/react-datasheet

    5,445在 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
    在 GitHub 上查看↗5,445
查看 React Spreadsheet Grid 的所有 30 个替代方案→

常见问题解答

denisraslov/react-spreadsheet-grid 是做什么的?

该项目是一个专为 React 设计的高性能数据网格组件,旨在在电子表格风格的界面中渲染大型数据集。它提供了一个框架,用于显示结构化表格信息,同时支持复杂的基于单元格的交互和数据管理任务。

denisraslov/react-spreadsheet-grid 的主要功能有哪些?

denisraslov/react-spreadsheet-grid 的主要功能包括: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。

denisraslov/react-spreadsheet-grid 有哪些开源替代品?

denisraslov/react-spreadsheet-grid 的开源替代品包括: 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.… comcast/react-data-grid — react-data-grid is a high-performance table component for React designed to render large datasets using… glideapps/glide-data-grid — Glide Data Grid is a virtualized data grid for React and TypeScript that uses the HTML Canvas API to render millions…