勾选element外层表格某行数据时,该行数据下嵌套的内层表格数据自动全选
急急急!!!求教诸位大神,如何勾选element外层表格某行数据时,该行数据下嵌套的内层表格数据自动全部选中。
<el-table
:data="tableData"
border
element-loading-text="Loading"
default-expand-all
@selection-change="handleSelectionChange"
style="width: 100%">
<el-table-column
type="selection"
width="55">
</el-table-column>
<el-table-column
prop="Name"
label="物资名称">
</el-table-column>
<el-table-column
prop="num"
label="批次">
</el-table-column>
<el-table-column
prop="user"
label="责任人">
</el-table-column>
<el-table-column type="expand">
<template slot-scope="props">
<div class="table_inner">
<el-table
:data="props.row.detail"
ref="multipleTableSecond"
style="width: 100%">
<el-table-column
type="selection"
width="55">
</el-table-column>
<el-table-column label="cuu成分" prop="cuu">
</el-table-column>
<el-table-column
prop="week"
label="周期">
</el-table-column>
<el-table-column
label="是否补充"
prop="isadd">
</el-table-column>
</el-table>
</div>
</template>
</el-table-column>
</el-table>
data中:
return {
tableData: [
{
Name:'量粒',
num:'第一批',
user:'杜强',
detail:[
{
cuu:'CUUT-1',
week:1,
isadd:'是',
},
{
cuu:'CUUT-2',
week:2,
isadd:'否',
}
]
},
],
multipleTableSecond: [],
multipleTable: [],
}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
老哥,你那个嵌套表格的全选是怎么实现的?在线等,急!