# table-react
## Description
React Table Component with infinite scroll support
## API
```javascript
<Table
headers: Array<{
dataIndex: string,
title: string,
width: number,
sorter: true | false
}>
data: Array<{}>
onScroll: Function
onItemClick: (item: Object) => any
onRemoveItems: (items: Array<Object>) => any
/>
```
- `data` - the provided data (array of objects). Each key in object should be in the `dataIndex` field in the `headers`
- `headers` - the list of table columns (array of objects). Each of them should be an object with following fields
- `dataIndex` - the way to find an item from `data`
- `sorter` - depends on value the column should be able to be sorted in 'asc' | 'desc' mode
- `onScroll` - should add new items if not provided, otherwise should call provided function
- `onItemClick` - should call a function with info about selected item
## Usage
The table called with following props:
```javascript
const headers = [
{
dataIndex: 'name',
title: 'Name',
width: 120,
sorter: false,
},
{
dataIndex: 'rate',
title: 'Rating',
width: 120,
sorter: true,
}
]
const data = [
{
name: 'React',
rate: 120
},
{
name: 'Vue',
rate: 130
}
]
<Table
headers={headers}
data={data}
onItemClick={(item) => console.log(item)}
onRemoveItems={(items) => console.log(items)}
/>
```
没有合适的资源?快使用搜索试试~ 我知道了~
react-table:具有无限滚动支持的React Table组件
共24个文件
js:7个
jsx:4个
json:3个
需积分: 50 10 下载量 181 浏览量
2021-04-05
05:58:47
上传
评论
收藏 379KB ZIP 举报
温馨提示
表React 描述 具有无限滚动支持的React Table组件 原料药 < Table> data: Array < { } > onScroll : Function onItemClick : ( item : Object ) => any onRemoveItems : ( items : Array < Object > ) = > any / >
资源推荐
资源详情
资源评论
收起资源包目录
react-table-main.zip (24个子文件)
react-table-main
package.json 1KB
package-lock.json 637KB
src
Table
index.js 52B
Table.jsx 2KB
Header.jsx 622B
Row.jsx 730B
styles.css 443B
Cell.jsx 366B
index.js 500B
reportWebVitals.js 362B
App.test.js 246B
setupTests.js 241B
App.js 330B
constants.js 30KB
index.css 366B
.gitignore 310B
public
logo192.png 5KB
manifest.json 492B
robots.txt 67B
index.html 2KB
logo512.png 9KB
favicon.ico 4KB
README.md 2KB
yarn.lock 496KB
共 24 条
- 1
资源评论
PaytonSun
- 粉丝: 29
- 资源: 4577
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- (源码)基于Spring Boot和Vue的高性能售票系统.zip
- (源码)基于Windows API的USB设备通信系统.zip
- (源码)基于Spring Boot框架的进销存管理系统.zip
- (源码)基于Java和JavaFX的学生管理系统.zip
- (源码)基于C语言和Easyx库的内存分配模拟系统.zip
- (源码)基于WPF和EdgeTTS的桌宠插件系统.zip
- (源码)基于PonyText的文本排版与预处理系统.zip
- joi_240913_8.8.0_73327_share-2EM46K.apk
- Library-rl78g15-fpb-1.2.1.zip
- llvm-17.0.1.202406-rl78-elf.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功