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|-|