UI组件库预览平台

React 10|Vue 5

Table 表格

展示行列数据的基础组件。

基础表格

Name	Age	Address	Tags	Action
John Brown	32	New York No. 1 Lake Park	NICEDEVELOPER	Edit Delete
Jim Green	42	London No. 1 Lake Park	LOSER	Edit Delete
Joe Black	32	Sidney No. 1 Lake Park	COOLTEACHER	Edit Delete

1

带边框

Name	Age	Address	Tags	Action
John Brown	32	New York No. 1 Lake Park	NICEDEVELOPER	Edit Delete
Jim Green	42	London No. 1 Lake Park	LOSER	Edit Delete
Joe Black	32	Sidney No. 1 Lake Park	COOLTEACHER	Edit Delete

1

加载状态

Name	Age	Address	Tags	Action
John Brown	32	New York No. 1 Lake Park	NICEDEVELOPER	Edit Delete
Jim Green	42	London No. 1 Lake Park	LOSER	Edit Delete
Joe Black	32	Sidney No. 1 Lake Park	COOLTEACHER	Edit Delete

1

可展开行

	Name	Age	Address
	John Brown	32	New York No. 1 Lake Park
	Jim Green	42	London No. 1 Lake Park

1

固定列

Name	Age	Address	Action
Name	Age	Address	Action
John Brown	32	New York No. 1 Lake Park	Action
Jim Green	42	London No. 1 Lake Park	Action
Joe Black	32	Sidney No. 1 Lake Park	Action

1

斑马纹

Name	Age	Address	Tags	Action
John Brown	32	New York No. 1 Lake Park	NICEDEVELOPER	Edit Delete
Jim Green	42	London No. 1 Lake Park	LOSER	Edit Delete
Joe Black	32	Sidney No. 1 Lake Park	COOLTEACHER	Edit Delete

1

小型表格

Name	Age	Address	Tags	Action
John Brown	32	New York No. 1 Lake Park	NICEDEVELOPER	Edit Delete
Jim Green	42	London No. 1 Lake Park	LOSER	Edit Delete
Joe Black	32	Sidney No. 1 Lake Park	COOLTEACHER	Edit Delete

1