[Vuejs]-Show/Hide collapsing rows in iView UI Table

“iview” provides :row-class-name=”rowClassName” props functionality for row manipulation.

You can use that property with className to show/hide your fields.

like,

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

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

here is attached link for detail view
http://jsfiddle.net/nikita747/cn47qLj6/

Hope you satisfied with this