时间戳

首页 > 解决方案 > Tabulator 4.6.3 过滤器列高恢复问题

javascript - Tabulator 4.6.3 过滤器列高恢复问题

问题描述

问题

启用标题过滤器并再次禁用后，不会恢复列高。

看看这个 JS Fiddle：https ://jsfiddle.net/biruktes/wak920us/24/

  1. 图片
  2. 图片
  3. 图片

代码

var filterState = false;
var tabledata = [];

var table = new Tabulator("#html-table", {
  data: tabledata, //assign data to table
  layout: "fitColumns",
  tooltips: true,
  tooltipsHeader: true,
  placeholder: "No Data Available", //display message to user on empty table
  height: "300px",
  columns: [{
    title: "ID",
    field: "itemId",
    headerFilter: false
  },]
});

function showHideFilters() {
  if (filterState == false) {
    table.updateColumnDefinition("itemId", {
      headerFilter: true
    });
    filterState = true;
  } else {
    table.updateColumnDefinition("itemId", {
      headerFilter: false
    });
    filterState = false;
  }

}
<link href="https://cdnjs.cloudflare.com/ajax/libs/tabulator/4.6.3/css/tabulator.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tabulator/4.6.3/js/tabulator.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<html>

<body>
  <button onClick="showHideFilters()">
    Show/Hide Filters
    </button>
  <div id="html-table">
  </div>
</body>

</html>

标签： javascripthtmlcsstabulator

解决方案

正如 Github 存储库中所述，https://github.com/olifolkerd/tabulator/issues/2823，这是一个错误。

推荐阅读