【文件属性】:
文件名称:react-datasheet:React的类似于Excel的数据网格(表)组件
文件大小:518KB
文件格式:ZIP
更新时间:2021-02-03 15:35:43
react javascript grid component table
React数据表
一个简单的react组件来创建电子表格。
演示在这里: :
示例位于
当前功能:
选择单元格,剪切,复制和粘贴单元格
使用键盘按键导航
使用键盘键删除
onCellsChanged,valueRenderer(可见数据)的回调
dataRenderer(输入中的基础数据,默认情况下采用该值)
提供您自己的编辑器和视图控件以及自定义渲染器
通过自定义渲染器广泛控制生成的标记
使用打字稿?
安装
从npm安装:
$ npm install react-datasheet --save
导入您的项目:
import ReactDataSheet from 'react-datasheet' ;
// Be sure to include styles at some point, probably during your bootstrapping
import 'react-datasheet/lib/react-datasheet.css' ;
用法
React-Datasheet生成带有单元格的表。 双击或键入将编辑该值,如果更改,将启动onCel
【文件预览】:
react-datasheet-master
----.travis.yml(72B)
----USAGE_TYPESCRIPT.md(2KB)
----.babelrc(49B)
----docs()
--------package.json(895B)
--------package-lock.json(557KB)
--------src()
--------.gitignore(218B)
--------public()
--------yarn.lock(419KB)
--------build()
----package.json(2KB)
----test()
--------Datasheet.js(81KB)
----.prettierrc(123B)
----.csslintrc(107B)
----LICENSE(1KB)
----package-lock.json(310KB)
----src()
--------Row.js(363B)
--------index.js(364B)
--------Cell.js(1KB)
--------DataEditor.js(1020B)
--------keys.js(258B)
--------CellShape.js(2KB)
--------Sheet.js(379B)
--------DataCell.js(7KB)
--------ValueViewer.js(463B)
--------react-datasheet.css(2KB)
--------DataSheet.js(22KB)
--------renderHelpers.js(443B)
----.npmignore(85B)
----params.json(2KB)
----.gitignore(87B)
----lib()
--------Row.js(3KB)
--------index.js(1KB)
--------Cell.js(4KB)
--------DataEditor.js(3KB)
--------keys.js(435B)
--------CellShape.js(2KB)
--------Sheet.js(3KB)
--------DataCell.js(12KB)
--------ValueViewer.js(3KB)
--------react-datasheet.css(2KB)
--------DataSheet.js(32KB)
--------renderHelpers.js(564B)
----types()
--------react-datasheet.d.ts(17KB)
----.codeclimate.yml(267B)
----README.md(30KB)
----yarn.lock(227KB)