如何关闭iView表格中除当前行之外的所有扩展行



我正在使用iView表格在带有展开选项的表格中加载数据。

当前行正在展开,单击相应行的展开按钮,并且先前展开的行

没有折叠,所以我可以看到所有展开的行。

是否可以折叠以前扩展的行并仅展开当前行。

iView 表格展开链接: https://www.iviewui.com/components/table-en#Expandable

使用 func 切换展开关闭其他行,如下所示:

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)
            }
        }
    }
]

最新更新