javascript - 使用新数据和不同的列配置重新初始化同一 DOM 元素上的制表符

Question

我正在使用制表符（jQuery 插件）。我想用不同的列配置和数据动态地重新初始化同一 div 元素上的制表符。下面是我正在使用的示例 div 和脚本。我觉得，制表符不允许在渲染后更改列配置。

$("#sample_div").tabulator(tabulator_display_config);

//initialize and apply tabulator
$("#sample_div").tabulator("setData", table_data.Data);

//load data into the table

Answer 1

如果您只想更改列配置并保持排序，则可以getSorters在更新列和数据之前使用该函数获取当前排序，然后再诉诸：

var sort = $("#sample_div").tabulator("getSorters");

$("#sample_div").tabulator(tabulator_display_config);
$("#sample_div").tabulator("setData", table_data.Data);
$("#sample_div").tabulator("setSort ", sort);

Answer 2

You can try to redraw the tabulator after the new initialization

$("#sample_div").tabulator("setData", table_data.Data);
$("#sample_div").tabulator("redraw", true);

Answer 3

我使用破坏函数并重新初始化制表符。这个对我有用。

$("#sample_div").tabulator("destroy");
$("#sample_div").tabulator(tabulator_display_config);
$("#sample_div").tabulator("setData", table_data.Data);