kui-vue
Version:
A lightweight desktop UI component library suitable for Vue.js 2.
49 lines (39 loc) • 722 B
Markdown
展示行列数据。
- 当有大量结构化的数据需要展现时;
- 当需要对数据进行排序、搜索、分页、自定义操作等复杂行为时。
指定表格的数据源 data 为一个数组。
```js
const dataSource = [
{
key: '1',
name: 'Li Lei',
age: 32,
address: 'Wu Han Guanggu No. 328',
},
{
key: '2',
name: 'Hu Cong',
age: 28,
address: 'Wu Han Guanggu No. 198',
},
];
const columns = [
{
title: '姓名',
key: 'name',
},
{
title: '年龄',
key: 'age',
},
{
title: '住址',
key: 'address',
},
];
<Table :data="dataSource" :columns="columns" />;
```