Réinitialiser le tabulateur sur le même élément DOM avec de nouvelles données et une configuration de colonne différente

Question

Je travaille avec tabulator (plugin jQuery). Je veux ré-initialiser la tabulation sur le même élément div avec différentes configurations de colonnes et de données dynamiquement. Ci-dessous l'exemple div et le script que j'utilise. Je sens que, tabulateur ne permet pas de changer la configuration de la colonne une fois son rendu.

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

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

//load data into the table 

Answer 1

Vous pouvez essayer de redessiner la tabulatrice après la nouvelle initialisation

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

Answer 2

J'utilise la fonction et détruire réinitialisent tabulator. Ça marche pour moi.

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

Answer 3

Si vous voulez juste changer la configuration de votre colonne et garder votre tri, vous pouvez obtenir votre tri actuel en utilisant la fonction getSorters avant la mise à jour des colonnes et des données et recours:

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

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

`` `