Table 表格

代码演示

属性	说明	类型	默认值
classList	自定义class	Object	-
class	自定义class	string	-
style	自定义样式	Object
rowKey	指定数据的key	string	id
selectedRowKeys	勾选数据双向绑定	Signal
columns	表头字段信息	Array
data	数据体	Array
height	表格最大高度，超出表头固定	number \| fitContainer
border	边框	boolean
stripe	斑马条纹	boolean
highlight	点击高亮选中的行	boolean
showHeader	是否显示表头	boolean	true
size	大小	small
loading	加载状态	boolean
loadingText	加载文案	string
title	标题	JSXElement
footer	底部内容	JSXElement
empty	自定义空内容	JSXElement
virtual	使用虚拟列表,大数据量使用	boolean
spanMethod	行列合并的钩子	(data: any, column: any, index: number, columnIndex: number) => any
showSummary	是否显示合计	boolean
summaryMethod	自定义合计数据函数	(columns: ColumnProps[], data: any[]) => any
onRowSelect	行选中事件返回item	Function
onRowChecked	行选中事件返回item	Function
onCheckedAll	全选事件, 所有选中的数据data	Function
onSort	排序事件, column, sotyType	Function
ref	表格组件的引用	any

属性	说明	类型	默认值
name	字段名称	string	-
title	字段表头文案	JSXElement
render	自定义渲染函数	`(value: any, column: any, row: any, index: number) => JSX.Element`
type	字段类型 index \| checkbox \| expend \| date \| datetime \| enum	string
width	字段宽度	string
minWidth	字段最小宽度	number
maxWidth	字段最大宽度	number
ellipsis	字段超过宽度使用省略号显示，内容不换行	boolean
tooltip	字段超过宽度使用省略号显示，内容不换行，鼠标滑过气泡显示完整内容	boolean
tooltipAlign	popover的align属性	string
tooltipTheme	popover的theme属性	string
tooltipMaxWidth	popover的内容的最大宽度	number
tooltipStyle	popover的内容的自定义样式	any
resize	可缩放宽度	boolean
sort	支持排序的列 custom	boolean \| string
sortMethod	自定义排序方法参数， a, b	Function
sortType	排序方式 asc \| desc \| ''	string
fixed	固定列的位置 left \| right	string
tree	改列为树状字段，展示展开收缩按钮	boolean