高性能的 React 表格组件

Related tags

react grid
Overview

rc-grid 表格组件

type-badge eslint MIT Size Version

working

高性能的 React 表格组件, 在不丢失表格的强大功能的情况下,并且保持高性能

安装使用

npm install @lifhcp/rc-grid --save
yarn add @lifhcp/rc-grid

Browsers support

IE / Edge
Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
iOS Safari
iOS Safari
Samsung
Samsung
Opera
Opera
Electron
Electron
last 2 versions last 2 versions last 2 versions last 2 versions last 2 versions last 2 versions last 2 versions last 2 versions

功能对比

功能描述 rc-grid ag-grid react-data-grid ant design handsontable
固定左
右列
列可拖拽改变大小 ⚠️ 需要自定义列头
列头合并
虚拟滚动 ⚠️ 需要重写渲染
单元格编辑 ⚠️ 需要重写cell
可展开表格
树形表格
开源协议 MIT MIT MIT MIT 商业

注明: 此数据仅供参照,组件库可能是随着更新,而添加新的功能

关于里程碑

保持每个月月底完成一次里程碑的开发,并且发布到 npm 仓库中, 我们所有的开发全部托管在 github 上进行开发

Issues
Releases(v1.2.2)
  • v1.2.2(Aug 24, 2021)

  • v1.2.1(Aug 4, 2021)

  • v1.1.3(Jul 31, 2021)

  • v1.1.2(Jul 30, 2021)

  • v1.1.1(Jul 25, 2021)

    完成功能如下

    • [x] 固定列
    • [x] 列可拖拽改变大小
    • [x] 列头合并
    • [x] 虚拟滚动
    • [x] 单元格编辑
    • [x] 可展开表格
    • [x] 树形表格

    添加以下方法

    export interface GridHandle {
        /** HTML 元素 */
        element: HTMLDivElement | null;
        /** 滚动到指定的列 */
        scrollToColumn: (colIdx: number) => void;
        /** 滚动到指定的行 */
        scrollToRow: (rowIdx: number) => void;
        /** 选中 */
        selectCell: (position: {
            rowKey?: string
            colName?: string
        }, enableEditor?: boolean | null) => void
    }
    
    Source code(tar.gz)
    Source code(zip)
A simple table library with built in sorting, pagination, selection, expandable rows and customizable styling.

React Data Table Component Demo and Examples Key Features Requirements Installation Logging Issues and Contributions API and Usage Columns column.hide

John Betancur 1.2k Sep 22, 2021
most easy to use react table

most easy to use react table

Hasan 21 Jun 14, 2021
React components for efficiently rendering large lists and tabular data

React components for efficiently rendering large lists and tabular data

Brian Vaughn 11.3k Sep 23, 2021
React Data Grid with Spreadsheet Look & Feel. Official React wrapper for Handsontable.

Important information We permanently moved this project to the main Handsontable repository at https://github.com/handsontable/handsontable/tree/maste

Handsontable 515 Sep 24, 2021
BaseTable is a react table component to display large datasets with high performance and flexibility

A react table component to display large datasets with high performance and flexibility

Autodesk 1.1k Sep 22, 2021
react-xls is the fastest in-browser excel ( .xls & .xlsx ) parser for React. It is full of useful features such as useExcelDownloader, ... etc.

react-xls react-xls is the fastest in-browser excel ( .xls & .xlsx ) parser for React. ?? Features Compatible with both JavaScript and TypeScript ?? U

Bunlong VAN 9 Sep 17, 2021
An Excel-like grid component for React with custom cell editors, performant scroll & resizable columns

An Excel-like grid component for React with custom cell editors, performant scroll & resizable columns

Denis Raslov 1k Sep 7, 2021
⚛️ Hooks for building fast and extendable tables and datagrids for React

Hooks for building lightweight, fast and extendable datagrids for React Enjoy this library? Try them all! React Query, React Form, React Charts Visit

Tanner Linsley 15.1k Sep 22, 2021
⚛️ Hooks for building fast and extendable tables and datagrids for React

Hooks for building lightweight, fast and extendable datagrids for React Enjoy this library? Try them all! React Query, React Form, React Charts Visit

Tanner Linsley 15k Sep 18, 2021
Auto Responsive Layout Library For React

autoresponsive-react Auto responsive grid layout library for React. Who are using ⭐ ⭐ ⭐ alibaba/ice ⭐ ⭐ ⭐ ice-lab/react-materials ⭐ ⭐ ⭐ ant-design/ant

达峰的夏天 1.5k Sep 16, 2021
React component for a div with editable contents

React component for a div with editable contents

Ophir LOJKINE 1.2k Sep 21, 2021
Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like

react-data-grid Install npm install react-data-grid react-data-grid is published as ES2019 modules, you'll probably want to transpile those down to sc

Adazzle 4.8k Sep 24, 2021
Datatables for React using Material-UI - https://www.material-ui-datatables.com

MUI-Datatables - Datatables for Material-UI MUI-Datatables is a responsive datatables component built on Material-UI. It comes with features like filt

gregn 2.1k Sep 18, 2021
Declarative React Table under 1kb

@saltyaom/react-table Declarative React Table under 1kb. Humanity Restored Feature No dependencies. Light, 700 bytes on production. Easy to understand

SaltyAom 7 Aug 17, 2021
SmartTable.js - Smart and simple react bootstrap table

SmartTable.js - Smart and simple react bootstrap table

Amine Amine 1 Sep 25, 2021
GigaTables is a ReactJS plug-in to help web-developers process table-data in applications and CMS, CRM, ERP or similar systems.

GigaTables ReactJS plug-in GigaTables supports the following capabilities: -- ajax data processing/editing (CRUD), -- classic pagination or infinite s

null 117 Jul 13, 2021
ReactJS / Redux Data Table

Sematable Sematable wraps a table component, and provides: filtering by column value search with text sorting row selection pagination ... with the ab

Sematext Group, Inc. 157 Aug 16, 2021
Datatable for React based on material-ui's table with additional features

⚠️ Please do not create pull requests that contains a lot of change. Because we are working on refactoring and testing. Just pull requests that fixes

Mehmet Baran 3.1k Sep 21, 2021
React component like SpreadSheet

React component like SpreadSheet

null 88 Aug 25, 2021