Flexbox和制表符的响应宽度

时间:2019-02-27 09:01:17

标签: javascript flexbox responsive bulma tabulator

我有一个基于bulma的布局构建,该布局基于flexbox,并且一个表是通过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

如您所见,响应宽度有一个ui错误。它溢出但应该崩溃。 我已经尝试了很长时间来解决此问题,但直到现在我仍未找到解决方案。

制表符有可能在flexboxes上出现问题吗?如果可以的话,将制表符集成到Flexbox环境中的最佳方法是什么?

谢谢!

0 个答案:

没有答案