Vue3表格（Table）

Vue2表格（Table）

可自定义设置以下属性：

• 表格列的配置项（columns），类型：Array<{title?: string, width?: number, dataIndex?: string, slot?: string}>，默认 []

• 表格数据数组（dataSource），类型：Array，默认 []

• 分页器配置（pagination），类型：object，默认 {}

• 是否显示分页器（showPagination），类型：boolean，默认 false

• 只有一页时是否隐藏分页器（hideOnSinglePage），类型：boolean，默认 false

• 数据总数（total），类型：number，默认 0

• 页面是否加载中（loading），类型：boolean，默认 false

效果如下图：

加载中样式：

展示数据样式：

无数据样式：

表格中使用到加载中组件（Spin）和分页组件（Pagination）

①创建表格组件Table.vue：

②在要使用的页面引入：