Адаптивная ширина с флексбоксом и табулятором - PullRequest
Новая
       52

Адаптивная ширина с флексбоксом и табулятором

0 голосов
/ 27 февраля 2019

У меня есть компоновка с bulma на основе flexbox и таблица, созданная с помощью табулятора внутри столбца bulma.Проблема, которая у меня есть, связана с шириной адаптивной таблицы.Сначала я хочу показать вам мой код.

Частичный шаблон Bulma: 

<div class="columns is-multiline">
  <div class="column is-full">
    <input id="search" class="input search" type="text">
  </div>
  <div class="column is-full">
    <div id="table"></div>
  </div>
</div>

Код JS: 

let table = new Tabulator("#table", {
  data: [],
  tooltips: true,
  layout: "fitColumns",
  responsiveLayout: "collapse",
  pagination: 'local',
  paginationSize: 15
  columns: []
}

Table screenshot

Как вы видите, существует ошибка пользовательского интерфейса с соответствующей шириной.Это переполняет, но это должно разрушиться.Я очень долго пытался это исправить, но до сих пор не нашел решения.

Возможно ли, что у табулятора есть проблемы с флексбоксами?И если да, как лучше интегрировать табулятор в среду flexbox?

Спасибо!

...