48 lines
1.4 KiB
Vue
48 lines
1.4 KiB
Vue
<template>
|
|
<Table border :columns="columns5" :data="data5"></Table>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data () {
|
|
return {
|
|
columns5: [
|
|
{
|
|
title: '日期',
|
|
key: 'date',
|
|
sortable: true
|
|
},
|
|
{
|
|
title: '姓名',
|
|
key: 'name',
|
|
render: (h, params) => {
|
|
return h('div', params.row.name);
|
|
}
|
|
},
|
|
{
|
|
title: '年龄',
|
|
key: 'age',
|
|
sortable: true
|
|
},
|
|
{
|
|
title: '地址',
|
|
key: 'address'
|
|
}
|
|
],
|
|
data5: [
|
|
{
|
|
name: '王小明',
|
|
age: 18,
|
|
address: '北京市朝阳区芍药居',
|
|
date: '2016-10-03'
|
|
},
|
|
{
|
|
name: '张小刚',
|
|
age: 25,
|
|
address: '北京市海淀区西二旗',
|
|
date: '2016-10-01'
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
</script>
|