Onglets Bootstrap avec Datatables TableTools

Question

J'utilise Datatable TableTools version 2.2.4. et Bootstrap v3.0.0. J'essaie d'exporter la table dans l'onglet Bootstrap en CSV, XLS et PDF. J'utilise ce code:

tableTools: { 
       "sSwfPath": instance.SwfUrl, 
       "aButtons": ["csv", "xls", { 
        "sExtends": "pdf", 
        "mColumns": [ 1, 2, 3, 4,5,6] 
       }] 
      }, 

Le problème est que la table est dans l'onglet, ce qui signifie qu'il n'est pas visible lors de l'initialisation. Si je mets une table hors des onglets, ça fonctionne comme un charme.

Je googlé ce problème et les solutions étaient comme ceci:

$('.nav-tabs a').on('shown.bs.tab', function (event) { 
     var table = $.fn.dataTable.fnTables(true); 
     if (table.length > 0) { 
      $(table).dataTable().fnAdjustColumnSizing(); 
      var oTableTools = TableTools.fnGetInstance(table[0]); 
      if (oTableTools != null && oTableTools.fnResizeRequired()) { 
       oTableTools.fnResizeButtons(); 
      } 
     } 
    }); 

Je suis sûr que cet événement est déclenché, mais il n'a pas résolu mon problème.

Answer 1

Essayez cette

JS

if ($('#TableID').is(':visible')) { 
    InitTableTools($(this)) 
    // $(this) --> passes the table object if visible. 
    //So that you can initialize table tools for that particular visible table only 
} 
else 
{ 
DestroyTableTools($(this))// $(this) --> passes the table object if visible 
} 

function InitTableTools(Table) 
{ 
// code to initialize table tools 
} 
funtion DestroyTableTools() 
{ 
// code to destroy the initialised table tools , if destroy option is available in plugin 
}