制表符：在列中的 Frozen 和 headerFilter 之间耦合时呈现效果不佳

Question

当我在我希望也被冻结的列中使用简单的 header 过滤器时，选项卡 header 没有考虑过滤器框的高度。

请参考下面的Fiddle，这是添加了两个选项的标准制表符示例。 https://jsfiddle.net/Ergo0ne/72Lrqa8y/8/

我尝试更改选项卡的高度 header 但它不起作用。随意试一试:)

谢谢。

Html

<div id="example-table"></div>

选项卡 header 未考虑第一列中过滤框的高度

JS / JQuery / 制表符

`$("#example-table").tabulator({
    height:205, // set height of table (in CSS or here), this enables the Virtual DOM and improves render speed dramatically (can be any valid css height value)
    layout:"fitColumns", //fit columns to width of table (optional)
    columns:[ //Define Table Columns
        {title:"Name", field:"name", width:150, headerFilter:"input", headerFilterPlaceholder:"My filter", frozen:true},
        {title:"Age", field:"age", align:"left", formatter:"progress", width:250},
        {title:"Favourite Color", field:"col", width:250},
        {title:"Date Of Birth", field:"dob", sorter:"date", align:"center", width:250},
    ],
});

//define some sample data
var tabledata = [
    {id:1, name:"Oli Bob", age:"12", col:"red", dob:""},
    {id:2, name:"Mary May", age:"1", col:"blue", dob:"14/05/1982"},
    {id:3, name:"Christine Lobowski", age:"42", col:"green", dob:"22/05/1982"},
    {id:4, name:"Brendon Philips", age:"125", col:"orange", dob:"01/08/1980"},
    {id:5, name:"Margret Marmajuke", age:"16", col:"yellow", dob:"31/01/1999"},
];

//load sample data into the table
$("#example-table").tabulator("setData", tabledata);`

Answer 1

这是版本 3.x 的一个已知问题，现在已在 4.0 版本中修复，请尝试更新您的 Tabulator 源文件，您应该会得到解决

制表符：在列中的 Frozen 和 headerFilter 之间耦合时呈现效果不佳

Tabulator : Bad rendering when coupling between Frozen & headerFilter in a column

javascript

tabulator