@crpt/react-data-grid

Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like

react-data-grid

The core of react-data-grid

Install

npm install --save react-data-grid

Usage

import ReactDataGrid from 'react-data-grid';

const columns = [{ key: 'id', name: 'ID' }, { key: 'title', name: 'Title' }];
const rows = [{ id: 1, title: 'Title 1' }, ...];
const rowGetter = rowNumber => rows[rowNumber];

const Grid = () => {
  return <ReactDataGrid
    columns={columns}
    rowGetter={rowGetter}
    rowsCount={rows.length}
    minHeight={500} />);
}

Exports

Asside from the grid this package exports:

namesource
RowComparerRowComparer
RowsContainerRowsContainer
RowRow
CellCell
HeaderCellHeaderCell
editorsEditors
formattersFormatters
utilsutils
shapesshapes
_constants_constants
_helpers_helpers

Repository

adazzle/react-data-grid


上一篇:@dmail/shared-config
下一篇:@colinrotherham/core

相关推荐

  • 🙋Hanjst汉吉斯特优化+JsonDataFromScript等

    近日继续对 🙋Hanjst汉吉斯特优化改进。这次的改进思考是从服务器端返回的 HanjstJsonData的容器设计问题。目前的做法是服务器端的HanjstJsonData放入终端页面的一个Div元...

    25 天前
  • 采用20/80原则学习 CSS Grid 布局

    采用20 / 80原则学习和使用 Grid 布局。 介绍 本文不会覆盖Grid 布局的所有细节,而是面向那些想快速用起来并看到效果的你们。我将会向你介绍 Grid 技术的20%,学会了这些你就掌...

    2 年前
  • 迈向 Grid 二维布局时代

    翁斌斌,微医云前端工程师,在程序员的修炼道路上永不止步。 CSS Grid 布局是一种强大并且富有创意的的布局方案,这篇文章专门为不了解 Grid 的 web 开发人员来介绍它,我将从以下几个方面...

    11 天前
  • 跟我一起用CSS变量加grid画一只小企鹅吧!

    image.png(/public/upload/d576fb2e63ab8b9bde70f16825f917b7) 2.画一只小企鹅 3.预览 imag...

    11 天前
  • 豆瓣读书搜索页的window.__DATA__的解密

    上次发了破解知乎模拟登陆的最新版之后,很多人看了都说好,唯独没人给我点赞,以后还是麻烦大家,如果看到对你有用的文章,可以点点赞,支持下作者哈。 还有,知乎模拟登陆的代码已给出,github地址为:h...

    1 年前
  • 谣言粉碎机 - 极短时间内发送两个Odata request,前一个会自动被cancel掉?

    背景 有时我们能在Chrome开发者工具的Network tab里观察到SAP UI5应用会发出某些状态为"取消"的OData请求。如下图第五个请求。 之前有一种似是而非的说法:极短时间内发送两...

    2 年前
  • 调整jqGrid浏览器时调整?

    Justin Ethier(https://stackoverflow.com/users/101258/justinethier)提出了一个问题:Resize jqGrid when browser...

    2 年前
  • 详谈data()的用法和作用

    jQuery.data 即$.data()。向元素附加数据,然后取回该数据 这是提供给客户端程序员使用的方法,它同时是setter/getter。 传一个参数,返回附加在指定元素的所有数据...

    3 年前
  • 解决react native ListView.DataSource 改变数组项属性视图不刷新

    当我们使用react native的ListView.DataSource来提供高性能的数据处理和访问。可是当我们改变已存在数组项的属性时,会发现视图并不会如你希望的那样更新,类似代码如下 当我...

    2 年前
  • 解决Canvas中getImageData的图片跨域问题

    情况 报错 解决方法 当 的设置在src的赋值之后时,安卓下没问题,Safari下仍会报错,所以需要确定好这两句代码的前后顺序。 参考链接 MDN img 标签(http...

    2 年前

官方社区

扫码加入 JavaScript 社区