react-datagrid:为 React 精心打造的 DataGrid
React数据网格
为 React 精心打造的 DataGrid
在查看演示
安装
$ npm install react-datagrid --save
变更日志
查看
路线图
查看
用法
请在您的项目中包含样式表index.css 。 如果你使用webpack和css-loader ，你可以要求它： require('react-datagrid/index.css')
例子
var React = require ( 'react' )
var DataGrid = require ( 'react-datagrid' )
var data = [
{ id : '1' , firstName : 'John' , lastName : 'Bobson' } ,
{ id : '2' , firstName : 'Bob' , lastName : 'Mclaren' }
]
文件下载
资源详情
[{"title":"（ 94 个子文件 433KB ） react-datagrid:为 React 精心打造的 DataGrid","children":[{"title":"react-datagrid-master","children":[{"title":"style","children":[{"title":"header.styl <span style='color:#111;'> 5.88KB </span>","children":null,"spread":false},{"title":"resize.styl <span style='color:#111;'> 330B </span>","children":null,"spread":false},{"title":"borders.styl <span style='color:#111;'> 611B </span>","children":null,"spread":false},{"title":"constants.styl <span style='color:#111;'> 1.36KB </span>","children":null,"spread":false},{"title":"summary.styl <span style='color:#111;'> 979B </span>","children":null,"spread":false},{"title":"index.styl <span style='color:#111;'> 3.28KB </span>","children":null,"spread":false},{"title":"funnel.svg <span style='color:#111;'> 1.64KB </span>","children":null,"spread":false},{"title":"contents.styl <span style='color:#111;'> 706B </span>","children":null,"spread":false}],"spread":true},{"title":"stats.json <span style='color:#111;'> 1.27MB </span>","children":null,"spread":false},{"title":"react-datagrid.sublime-workspace <span style='color:#111;'> 82.78KB </span>","children":null,"spread":false},{"title":"react-datagrid.sublime-project <span style='color:#111;'> 73B </span>","children":null,"spread":false},{"title":"Gulpfile.js <span style='color:#111;'> 230B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 2.47KB </span>","children":null,"spread":false},{"title":"index.jsx <span style='color:#111;'> 12.44KB </span>","children":null,"spread":false},{"title":"index.html <span style='color:#111;'> 679B </span>","children":null,"spread":false},{"title":"index-no-normalize.css <span style='color:#111;'> 20.22KB </span>","children":null,"spread":false},{"title":"LICENSE <span style='color:#111;'> 1.08KB </span>","children":null,"spread":false},{"title":"dist.config.js <span style='color:#111;'> 462B </span>","children":null,"spread":false},{"title":"ROADMAP.md <span style='color:#111;'> 526B </span>","children":null,"spread":false},{"title":"dist","children":[{"title":"react-datagrid.min.js <span style='color:#111;'> 110.54KB </span>","children":null,"spread":false},{"title":"react-datagrid.js <span style='color:#111;'> 314.13KB </span>","children":null,"spread":false}],"spread":true},{"title":"src","children":[{"title":"models","children":[{"title":"Column.js <span style='color:#111;'> 1.93KB </span>","children":null,"spread":false}],"spread":false},{"title":"RowSelect.js <span style='color:#111;'> 5.99KB </span>","children":null,"spread":false},{"title":"getSelected.js <span style='color:#111;'> 232B </span>","children":null,"spread":false},{"title":"PropTypes.js <span style='color:#111;'> 1.08KB </span>","children":null,"spread":false},{"title":"index.jsx <span style='color:#111;'> 19.14KB </span>","children":null,"spread":false},{"title":"Header","children":[{"title":"index.jsx <span style='color:#111;'> 12.60KB </span>","children":null,"spread":false},{"title":"setupColumnResize.js <span style='color:#111;'> 2.61KB </span>","children":null,"spread":false},{"title":"setupColumnDrag.js <span style='color:#111;'> 3.78KB </span>","children":null,"spread":false}],"spread":false},{"title":"Wrapper","children":[{"title":"index.jsx <span style='color:#111;'> 12.05KB </span>","children":null,"spread":false}],"spread":false},{"title":"render","children":[{"title":"renderRow.jsx <span style='color:#111;'> 2.95KB </span>","children":null,"spread":false},{"title":"slice.js <span style='color:#111;'> 243B </span>","children":null,"spread":false},{"title":"getGroupedRows.jsx <span style='color:#111;'> 2.01KB </span>","children":null,"spread":false},{"title":"renderMenu.jsx <span style='color:#111;'> 215B </span>","children":null,"spread":false},{"title":"getTableProps.js <span style='color:#111;'> 630B </span>","children":null,"spread":false},{"title":"tableStyle.js <span style='color:#111;'> 401B </span>","children":null,"spread":false}],"spread":false},{"title":"Cell","children":[{"title":"index.jsx <span style='color:#111;'> 2.88KB </span>","children":null,"spread":false}],"spread":false},{"title":"Row","children":[{"title":"index.jsx <span style='color:#111;'> 4.79KB </span>","children":null,"spread":false}],"spread":false},{"title":"ColumnFilter.jsx <span style='color:#111;'> 4.35KB </span>","children":null,"spread":false},{"title":"getDefaultProps.js <span style='color:#111;'> 1.09KB </span>","children":null,"spread":false},{"title":"utils","children":[{"title":"findIndexByName.js <span style='color:#111;'> 215B </span>","children":null,"spread":false},{"title":"preventDefault.js <span style='color:#111;'> 78B </span>","children":null,"spread":false},{"title":"asArray.js <span style='color:#111;'> 153B </span>","children":null,"spread":false},{"title":"findIndexBy.js <span style='color:#111;'> 232B </span>","children":null,"spread":false},{"title":"group.js <span style='color:#111;'> 2.50KB </span>","children":null,"spread":false},{"title":"getDataForGroup.js <span style='color:#111;'> 1.59KB </span>","children":null,"spread":false}],"spread":false}],"spread":false},{"title":"react-datagrid.png <span style='color:#111;'> 42.20KB </span>","children":null,"spread":false},{"title":".idea","children":[{"title":"misc.xml <span style='color:#111;'> 599B </span>","children":null,"spread":false},{"title":"vcs.xml <span style='color:#111;'> 180B </span>","children":null,"spread":false},{"title":".name <span style='color:#111;'> 14B </span>","children":null,"spread":false},{"title":"modules.xml <span style='color:#111;'> 280B </span>","children":null,"spread":false},{"title":"jsLibraryMappings.xml <span style='color:#111;'> 269B </span>","children":null,"spread":false},{"title":"watcherTasks.xml <span style='color:#111;'> 140B </span>","children":null,"spread":false},{"title":"workspace.xml <span style='color:#111;'> 17.06KB </span>","children":null,"spread":false},{"title":"libraries","children":[{"title":"react_datagrid_node_modules.xml <span style='color:#111;'> 422B </span>","children":null,"spread":false}],"spread":false},{"title":"react-datagrid.iml <span style='color:#111;'> 366B </span>","children":null,"spread":false}],"spread":false},{"title":".gitignore <span style='color:#111;'> 593B </span>","children":null,"spread":false},{"title":"webpack.config.js <span style='color:#111;'> 782B </span>","children":null,"spread":false},{"title":"CHANGELOG.md <span style='color:#111;'> 388B </span>","children":null,"spread":false},{"title":"dp.txt <span style='color:#111;'> 52.95KB </span>","children":null,"spread":false},{"title":"lib","children":[{"title":"models","children":[{"title":"Column.js <span style='color:#111;'> 1.93KB </span>","children":null,"spread":false}],"spread":false},{"title":"RowSelect.js <span style='color:#111;'> 5.99KB </span>","children":null,"spread":false},{"title":"getSelected.js <span style='color:#111;'> 232B </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 19.23KB </span>","children":null,"spread":false},{"title":"PropTypes.js <span style='color:#111;'> 1.08KB </span>","children":null,"spread":false},{"title":"Header","children":[{"title":"index.js <span style='color:#111;'> 12.89KB </span>","children":null,"spread":false},{"title":"setupColumnResize.js <span style='color:#111;'> 2.61KB </span>","children":null,"spread":false},{"title":"setupColumnDrag.js <span style='color:#111;'> 3.78KB </span>","children":null,"spread":false}],"spread":false},{"title":"Wrapper","children":[{"title":"index.js <span style='color:#111;'> 12.38KB </span>","children":null,"spread":false},{"title":"Scroller.js <span style='color:#111;'> 1.13KB </span>","children":null,"spread":false}],"spread":false},{"title":"render","children":[{"title":"renderMenu.js <span style='color:#111;'> 215B </span>","children":null,"spread":false},{"title":"renderTable.js <span style='color:#111;'> 682B </span>","children":null,"spread":false},{"title":"slice.js <span style='color:#111;'> 243B </span>","children":null,"spread":false},{"title":"renderRow.js <span style='color:#111;'> 2.95KB </span>","children":null,"spread":false},{"title":"getTableProps.js <span style='color:#111;'> 630B </span>","children":null,"spread":false},{"title":"tableStyle.js <span style='color:#111;'> 401B </span>","children":null,"spread":false},{"title":"getGroupedRows.js <span style='color:#111;'> 2.06KB </span>","children":null,"spread":false}],"spread":false},{"title":"Cell","children":[{"title":"index.js <span style='color:#111;'> 2.93KB </span>","children":null,"spread":false}],"spread":false},{"title":"Row","children":[{"title":"index.js <span style='color:#111;'> 4.82KB </span>","children":null,"spread":false}],"spread":false},{"title":"ColumnFilter.js <span style='color:#111;'> 4.44KB </span>","children":null,"spread":false},{"title":"getDefaultProps.js <span style='color:#111;'> 1.09KB </span>","children":null,"spread":false},{"title":"utils","children":[{"title":"findIndexByName.js <span style='color:#111;'> 215B </span>","children":null,"spread":false},{"title":"preventDefault.js <span style='color:#111;'> 78B </span>","children":null,"spread":false},{"title":"asArray.js <span style='color:#111;'> 153B </span>","children":null,"spread":false},{"title":"findIndexBy.js <span style='color:#111;'> 232B </span>","children":null,"spread":false},{"title":"group.js <span style='color:#111;'> 2.50KB </span>","children":null,"spread":false},{"title":"getDataForGroup.js <span style='color:#111;'> 1.59KB </span>","children":null,"spread":false}],"spread":false}],"spread":false},{"title":"Makefile <span style='color:#111;'> 217B </span>","children":null,"spread":false},{"title":"build-style.config.js <span style='color:#111;'> 524B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 3.73KB </span>","children":null,"spread":false},{"title":"index.styl <span style='color:#111;'> 56B </span>","children":null,"spread":false},{"title":"dist.min.config.js <span style='color:#111;'> 466B </span>","children":null,"spread":false},{"title":"loaders.config.js <span style='color:#111;'> 450B </span>","children":null,"spread":false},{"title":"index.css <span style='color:#111;'> 27.75KB </span>","children":null,"spread":false}],"spread":false}],"spread":true}]
评论信息
其他资源
- 中国电信云网融合2030技术白皮书.pdf
- 两阶段单纯形法的Matlab实现
- 硬件测试方案-整机和单板.doc
- 电磁场与电磁波课件PPT
- ProtobufTool_Rect
- 数理统计(汪荣鑫版)习题答案
- GIS格式转换器——支持DWG、SHP、MDB等格式任意转换
- future-0.18.2-py3-none-any.zip
- AEwin英文说明书
- boxmuller方法生成正态分布随机数
- 基于STM32的DAC7562模块驱动代码
- java防止xss注入
- 操作系统概念（第七版）课后答案(中文+英文）
- matpower流程详解
- pyecharts安装包
- CTP开发包和范例（Delphi版本）
- [kindle]编程珠玑（第2版•修订版）.mobi
- 通过自旋光机械耦合的悬浮纳米金刚石的大量子叠加
- 计算机二级材料.rar
- Visual C++ 网络高级编程PDF 源代码
- 解决 Field 'ssl_cipher' doesn't have a default value的错误
- c语言配套教材电子教案
- 易语言雷达浏览器源码
- 一个基于深度图像的三维模型检索算法
免责申明
【只为小站】的资源来自网友分享，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论 【只为小站】 经营者是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明