a-table点击展开⼦表格
<a-table
rowKey="list_id"
size="default"
:columns="committeColumns"
:dataSource="committeLoadData"
:pagination="false"
:hideDefaultSelections="true"
:expandRowByClick="true"
>
<template slot="action" slot-scope="text, record">
<a  class="view-pic">查看详情</a>
</template>
<a-table
rowKey="item_id"
slot="expandedRowRender"
slot-scope="text"
:
columns="innerColumns"
:data-source="text.children"
:pagination="false"
>
</a-table>
</a-table>
在data中
committeLoadData: [],
committeColumns: [
{
width: '60px',
title: '序号',
align: 'center',
customRender: (text, record, index)=> index + 1,
key: 'index'
},
{
width: '180px',
title: 'xxx',
align: 'center',
dataIndex: 'item_code',
key: 'item_code'
},
{
width: '180px',
title: 'xxx',
align: 'center',
dataIndex: 'item_id',
key: 'item_id'
key: 'item_id'
},
{
width: '120px',
title: 'xxx',
align: 'center',
dataIndex: 'item_name',
key: 'item_name'
},
{
width: '120px',
title: 'xxx',
align: 'center',
// dataIndex: 'item_meeting_list',
scopedSlots: { customRender: 'action'},
key: 'item_meeting_list'
},
{
width: '120px',
title: 'xxx',text align center
align: 'center',
dataIndex: 'legal_flag',
key: 'legal_flag'
}
],
innerColumns: [
{
width: '60px',
title: '序号',
align: 'center',
customRender: (text, record, index)=> index + 1,
key: 'index'
},
{
width: '180px',
title: 'xxx',
align: 'center',
dataIndex: 'type_name',
key: 'type_name'
},
{
width: '180px',
title: 'xxx',
align: 'center',
dataIndex: 'type_code',
key: 'type_code'
}
],
⽅法中获取⽗表格committeLoadData数组的数据，⼦表格的数组数据通过text插槽，拿⽗表格中的children数组渲染。实际获取数据的⽅法按后端返你的数据来

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。