Показать / скрыть сворачивающиеся строки в таблице интерфейса пользователя iView - PullRequest
Новая
       13

Показать / скрыть сворачивающиеся строки в таблице интерфейса пользователя iView

0 голосов
/ 07 сентября 2018

Я хочу создать таблицу в пользовательском интерфейсе iView, в которой в зависимости от моего состояния она будет заполнять данные. Эти строки будут иметь сворачивающуюся иконку, которая будет скрывать / показывать некоторые строки в зависимости от моего состояния. Вот изображение, показывающее концепцию: enter image description here

Как мне добиться (строго) использования таблицы iView ?

1 Ответ

0 голосов
/ 07 сентября 2018

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

Надеюсь, вы удовлетворены этим

...