注意:表格支持树形数据的展示,当数据中有
children
字段时会自动展示为树形表格,如果不需要或配置为其他字段可以用childrenColumnName
进行配置。
问题场景:后端返回子表格字段为children,在前端代码中增加了自定义的额外的展开行,此时会导致,展开子表格的数据,子表格数据会追加到父表格中
<a-table :columns="columns" :data-source="data" class="components-table-demo-nested">
<a slot="operation" slot-scope="text">Publish</a>
<a-table
slot="expandedRowRender"
slot-scope="text"
:columns="text.children"
:data-source="innerData"
:pagination="false"
>
</a-table>
</a-table>
解决办法:修改数据中
children
字段,避免组件冲突