replaceData 后自动拟合数据

Question

我正在使用 Tabulator 创建一个 table。

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", headerSort:false},
        {title:"Mode", field:"mode", headerSort:false},
        {title:"Owner", field:"owner", headerSort:false},
        {title:"Group", field:"group", headerSort:false},
    ],
});

我定期更改 table 内容：

table_file_listing.replaceData(data)

但是，当我用新数据替换 table 时，我注意到列不会自动适合数据。我在这里遗漏了什么吗？

Answer 1

您需要检索现有过滤器，替换数据，然后在数据加载到 table

时再次设置过滤器

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

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

replaceData 后自动拟合数据

Automatic Fitting to Data after replaceData

javascript

tabulator