0

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

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

我试图改变标签页眉的高度，但它不起作用。随意试一试:)

谢谢。

html

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

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

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);`
4

1 回答 1

0

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

于 2018-09-24T20:30:41.073 回答