Table

Display tabular data in format.

Default

Display formatted data in rows and columns.

compose

Show other components in the table.

width

Specifies the width of all or part of the columns.

actions

Custom elements can be displayed in the table, and any changes will be immediately rendered.

custom head

APIs

Table.Props

AttributeDescriptionTypeAccepted valuesDefault
datadata sourceArray<any>--
emptyTextdisplayed text when table's content is emptystring--
hovertable's hover effectboolean-true
onRowcallback row's content by click(row: any, index: number) => void--
onCellcallback cell's content by click(cell: any, index: number, colunm: number) => void--
onChangedata change event(data: any) => void--
...native propsTableHTMLAttributes'id', 'name', 'className', ...-

Table.Column.Props

AttributeDescriptionTypeAccepted valuesDefault
prop(required)table-column's propstring--
labeltable-column's labelstring--
widthwidth number (px)number--