@mistong/eui-table

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	-