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

时间:2019-04-26 11:42:25

标签: javascript vue.js iview

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

当前行在单击相应行的扩展按钮时正在扩展,而先前的扩展未折叠,因此我可以看到所有扩展的行。

是否可以折叠以前扩展的行,而仅扩展当前行。

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

1 个答案:

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