<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'
},
{
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',
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数组渲染。
实际获取数据的方法按后端返你的数据来