Как избежать реактивных таблиц в Buefy - PullRequest
Новая
       30

Как избежать реактивных таблиц в Buefy

0 голосов
/ 11 июня 2018

В таблице Buefy мне нужно отображать данные в виде обычной таблицы со столбцами по горизонтали на всех носителях, а не со сложенными картами на мобильном телефоне.Чтобы соответствовать содержанию, я использую медиа-запрос, чтобы просто скрыть все, кроме самых важных столбцов.

  <b-table :data="this.standings">
     <template slot-scope="props">
         <b-table-column field="pos" numeric>{{props.row.pos}}</b-table-column>
         <b-table-column field="name">{{props.row.name}}</b-table-column>
         <b-table-column field="details" :visible="useFullTable()">{{props.row.details}}</b-table-column>
            ...

Скрытие подробных данных столбца работает, но таблица по-прежнему переключается в режим просмотра карты, когда область просмотра мала.

Можно ли как-нибудь отключить реактивное поведение?Примечание. Я хочу сделать это только для этой таблицы или представления. Я не хочу устанавливать глобальные точки останова по-другому или полностью отключать реактивные таблицы в приложении.

1 Ответ

0 голосов
/ 11 июня 2018

Согласно документации вы можете отключить мобильные карты, привязав свойство mobile-cards таблицы к false.

Насколько я понимаю, вы сможете сделатьРабота с использованием: 

<b-table :data="this.standings" :mobile-cards="false">
// Table content
</b-table>
...