【问题标题】:How to close all expanded rows except current one in iView Tables如何关闭 iView Tables 中除当前行之外的所有展开行
【发布时间】:2019-09-15 22:13:33
【问题描述】:

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

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

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

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

【问题讨论】:

    标签: javascript vue.js iview


    【解决方案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)
                }
            }
        }
    ]
    

    【讨论】:

      猜你喜欢
      • 2019-01-11
      • 1970-01-01
      • 2019-06-22
      • 2015-04-19
      • 2011-03-25
      • 1970-01-01
      • 2022-08-11
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多