0.1.0 • Published 5 years ago
@mistong/eui-table v0.1.0
USAGE
Install
$ npm i @mistong/eui
demo
import { Table } from '@mistong/eui';
<Table columns={columns} data={data} />
API
Table
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
size | 尺寸(small medium large ) | string | large |
data | 数据数组 | Array | - |
columns | 表格列的配置描述 | Array | - |
rowKey | 表格行 key 的取值 | Function(record, index) | key |
rowClassName | 表格行的类名 | Function(record, index):string | - |
emptyPlaceholder | 空数据 | React.Node or Function | 暂无数据 |
simple | 简单样式表格 | Boolean | false |
onRowClick | 处理行点击事件 | Function(record, index) | - |
showHeader | 是否显示表头 | Boolean | true |
scroll | 横向或纵向支持滚动 | Object | {{x: false, y: false}} |
prefixCls | 样式名前缀 | string | eui-table |
Table Columns
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
title | 列头显示文字 | String or React.Element | - |
key | React 需要的 key,建议设置 | string | - |
dataIndex | 列数据在数据项中对应的 key | string | - |
render | 生成复杂数据的渲染函数,参数分别为当前行的值,当前行数据,行索引 | Function(text, record, index) {} | - |
width | 列宽度 | String or Number | - |
className | 列的 className | string | - |
0.1.0
5 years ago