replaceData之后自动拟合数据

问题描述

我正在使用Tabulator创建表格。

var table_file_listing = new Tabulator("#dir_listing_holder",{
    height: "311px",layout: "fitData",placeholder: "No Data Available",autoColumns: true,resizableRows: false,resizableColumns: false,columns: [
        {title:"Name",field:"name",headerSort:false},{title:"Size",field:"size",{title:"Mode",field:"mode",{title:"Owner",field:"owner",{title:"Group",field:"group",],});

我定期通过以下方式更改表格内容

table_file_listing.replaceData(data)

但是,我注意到当我用新数据替换表格时,这些列并不自动适合数据。我在这里想念东西吗?

解决方法

您需要检索现有过滤器,替换数据,然后在将数据加载到表中时再次设置过滤器

//get existing filters
var filters = table_file_listing.getFilters();

//replace data
table_file_listing.replaceData(data)
then(() => {
    //reset filters
    table_file_listing.setFilter(filters);
});