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}]
评论信息
其他资源
- 无标度网络生成代码 matlab实现
- 使用jrtplib发送和接收的例子--PlayStream V1.2
- TCP、UDP发包工具
- 最漂亮的个人网站和个人博客。
- 直接序列扩频通信系统基于MATLAB的仿真及其伪码捕获方法
- 学生信息管理系统 (适用于搞培训班的使用) php+mysql 源码
- python识别人脸，眼睛，嘴
- [程序源代码]MSP430单片机原理与应用——MSP430F5xx-6xx系列单片机入门、提高与开发
- matlab、奇异值分解
- TabControl控件的美化
- jdk1.8 64位官方正式版 jdk-8u121-windows-x64
- 基于java socket使用tcp udp进行简易控制台命令与文件传输
- Android自定义View——实现字母导航栏
- USBCAN-2E-U驱动 for win10
- 最全MySQL Windows自动安装批处理文件
- 微动弹道导弹的动态RCS特性研究
- minecraft-packet-tool：用于Minecraft的CLI打包工具。 在线安装和删除您的mod。 在制品-源码
- 各章公式答案.pdf
- service-fabric-cli：Service Fabric CLI工具-源码
- 大数据在企业中的4个主要竞争优势.doc
- Grokking Deep Learning - MEAP v10
- C#爬虫获取电影网资源
- gstreamer gstreamer
- VB学生信息管理系统完全版(毕业论文+源代码)
免责申明
【只为小站】的资源来自网友分享，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论 【只为小站】 经营者是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明