【问题标题】:Show/Hide collapsing rows in iView UI Table在 iView UI 表中显示/隐藏折叠行
【发布时间】:2019-02-12 19:51:05
【问题描述】:

我想在 iView UI 中设计一个表格,根据我的情况,它将填充数据。这些行将具有折叠图标,它将根据我的情况隐藏/显示一些行。 这是显示概念的图像:

我怎样才能(严格地)使用iView table?

【问题讨论】:

    标签: vue.js iview


    【解决方案1】:

    "iview" 为行操作提供 :row-class-name="rowClassName" 道具功能。

    您可以将该属性与 className 一起使用来显示/隐藏您的字段。

    喜欢,

    <i-table :row-class-name="rowClassName" :columns="columns1" :data="data1"></i-table>
    

    methods: {
            rowClassName (row, index) {
              return row.className
            }
        }
    

    这里是详细视图的附加链接 http://jsfiddle.net/nikita747/cn47qLj6/

    希望您对此满意

    【讨论】:

    • 哇!这正是我想要的。你是救生员!完美的!非常感谢!
    猜你喜欢
    • 1970-01-01
    • 2017-07-21
    • 1970-01-01
    • 2018-11-28
    • 2012-08-17
    • 1970-01-01
    • 2017-10-08
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多