问题1:不知情就成了树形table
table中不知道为啥就多了个树形加号在前面,查找问题后发现,是后端返回的数据中有children,框架中默认对这个参数做了树形结构。
解决办法:
当时没找到取消或者修改字段的属性或方法,就将此字段去掉,并将内容clone到childData。
问题2:columns属性不生效
table自定义渲染时,columns中加了排序等属性会失效。
解决办法:
在自定义column设置属性,此处举例排序示例和部分代码如下
<template #columns>
<a-table-column
align="center"
ellipsis
tooltip
v-for="(i,index) in table.columns"
:key="index"
:data-index="i.dataIndex"
:title="i.title"
:sortable="table.sortable(i)"
:width="i.width">
<template #cell="{ record,rowIndex }">
{{record[i.dataIndex] || '-'}}
</template>
</a-table-column>
</template>
//js部分
columns:[{title: '序号', dataIndex: 'xu_hao', ellipsis: true, tooltip: true,sort:true, width: 60}]
sortable(i){
if(i.sort){
return {
sortDirections: ['ascend', 'descend']
}
}
},