update Table tree

This commit is contained in:
梁灏 2020-01-06 11:17:09 +08:00
parent 6885f5ec49
commit 1e2341aa5d
4 changed files with 44 additions and 24 deletions

View file

@ -1,6 +1,10 @@
<template>
<div style="margin: 100px;">
<Table disabled-hover border ref="selection" :columns="columns4" :data="data1" row-key></Table>
<Table border ref="selection" :columns="columns4" :data="data1" row-key="id">
<template slot-scope="{ row }" slot="age">
<strong>{{row.age}}</strong>
</template>
</Table>
<Button @click="handleSelectAll(true)">Set all selected</Button>
<Button @click="handleSelectAll(false)">Cancel all selected</Button>
</div>
@ -22,7 +26,8 @@
},
{
title: 'Age',
key: 'age'
// key: 'age',
slot: 'age'
},
{
title: 'Date',
@ -35,55 +40,66 @@
],
data1: [
{
id: '100',
name: 'John Brown',
age: 18,
address: 'New York No. 1 Lake Park',
date: '2016-10-03'
},
{
id: '101',
name: 'Jim Green',
age: 24,
address: 'London No. 1 Lake Park',
date: '2016-10-01',
_showChildren: false,
_showChildren: true,
children: [
{
id: '10100',
name: '张三',
age: 18,
address: '发动机莲富大厦放假了开始的',
date: '2016-10-01'
},
{
id: '10101',
name: '李四',
age: 19,
address: '风刀霜剑分离的思路开发',
date: '2016-10-02'
},
{
id: '10102',
name: '王五',
age: 20,
address: '分离的付款就说个就是范德萨发生',
date: '2016-10-03',
_showChildren: true,
children: [
{
id: '10102100',
name: '赵六',
age: 21,
address: '梵蒂冈人太热疼我',
date: '2016-10-05'
},
{
id: '10102101',
name: '丁八',
age: 22,
address: '法第三方的范德萨范德萨发送到',
date: '2016-10-06',
_showChildren: true,
children: [
{
id: '10102101100',
name: '第九',
age: 23,
address: '9梵蒂冈人太热疼我',
date: '2016-10-07'
},
{
id: '10102101101',
name: '第十',
age: 24,
address: '10法第三方的范德萨范德萨发送到',
@ -96,12 +112,14 @@
]
},
{
id: '102',
name: 'Joe Black',
age: 30,
address: 'Sydney No. 1 Lake Park',
date: '2016-10-02'
},
{
id: '103',
name: 'Jon Snow',
age: 26,
address: 'Ottawa No. 2 Lake Park',