我正在使用iView表在具有扩展选项的表中加载数据。
当前行在单击相应行的扩展按钮时正在扩展,而先前的扩展未折叠,因此我可以看到所有扩展的行。
是否可以折叠以前扩展的行,而仅扩展当前行。
iView Tables扩展链接:
https://www.iviewui.com/components/table-en#Expandable
答案 0 :(得分:0)
使用func toggleExpand关闭其他行,如下所示:
columns: [
{
type: 'expand',
width: 50,
render: (h, params) => {
if (this.expandedId === params.row.id) {
return h(expandRow, {
props: {
row: params.row
}
})
} else {
this.$refs.table.toggleExpand(params.index)
}
}
}
]