javascript - 如何关闭 iView Tables 中除当前行之外的所有展开行

Question

我正在使用 iView Tables 使用扩展选项在表中加载数据。

当前行正在展开，单击相应行的展开按钮，之前展开的行没有折叠，所以我可以看到所有展开的行。

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

iView Tables 扩展链接： https://www.iviewui.com/components/table-en#Expandable

标签： javascriptvue.jsiview

Answer 1

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