# 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)}
/>
```
PaytonSun
- 粉丝: 29
- 资源: 4577
最新资源
- 毕设和企业适用springboot智慧城市管理类及文化旅游信息平台源码+论文+视频.zip
- 毕设和企业适用springboot智慧城市管理类及网络游戏交易平台源码+论文+视频.zip
- 毕设和企业适用springboot智慧城市管理类及无人超市平台源码+论文+视频.zip
- 毕设和企业适用springboot智慧城市管理类及信息管理系统源码+论文+视频.zip
- 毕设和企业适用springboot智慧城市管理类及物联网监控平台源码+论文+视频.zip
- 毕设和企业适用springboot智慧城市管理类及虚拟人类交互系统源码+论文+视频.zip
- 毕设和企业适用springboot智慧城市管理类及业务流程自动化平台源码+论文+视频.zip
- 毕设和企业适用springboot智慧城市管理类及智能教育平台源码+论文+视频.zip
- 毕设和企业适用springboot智慧城市管理类及智能金融分析平台源码+论文+视频.zip
- 毕设和企业适用springboot智慧城市管理类及智能图书馆管理系统源码+论文+视频.zip
- 毕设和企业适用springboot智慧城市类及城市智能运营平台源码+论文+视频.zip
- 毕设和企业适用springboot智慧城市管理类及智能客服系统源码+论文+视频.zip
- 毕设和企业适用springboot智慧城市管理类及智能图像识别系统源码+论文+视频.zip
- 毕设和企业适用springboot智慧城市管理类及资产管理平台源码+论文+视频.zip
- 毕设和企业适用springboot智慧城市类及广告效果评估平台源码+论文+视频.zip
- 毕设和企业适用springboot智慧城市类及机器人平台源码+论文+视频.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈