在iView UI表中显示/隐藏折叠的行

Question

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

如何（严格地）使用iView table来实现？

Answer 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/

希望您对此感到满意