1、

2、界面代码

`

:data="tableData5"

:row-key="getRowKeys"

:expand-row-keys="expands"

style="width: 100%">

prop="tableData3"

height="300"

border

style="width: 100%">

prop="tableData3.date"

label="编号"

>

prop="name"

label="房间号"

>

prop="name"

label="房型">

prop="date"

label="性别"

>

prop="name"

label="总床位"

>

prop="address"

label="状态">

prop="date"

label="备注"

>

修改

删除

label="楼宇"

prop="names">

label="描述"

prop="desc">

修改

删除

`

数据来源:

`

tableData5: [{

names: 'S1-科技楼',

desc: '公司楼',

tableData3: [{

date: '2016-05-03',

name: '王小虎',

address: '上海市普陀区金沙江路 1518 弄'

}]

},

{

names: 'S2-科技楼',

desc: '上课喽',

tableData3: [{

date: '2016-05-03',

name: '张小虎',

address: '上海市普陀区金沙江路 32421弄'

}]

}],`

3、外层表格的每一行可以展开一个子表格,子表格的数据渲染不出来

Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐