TableTools buttons appear and then vanish before data loads!

Krishnan503

My first question here!

Thanks to Datable team for creating Tabletools and Datatables

I have enabled Tabletools by adding the JS and CSS libraries for jQ, Datatables and Tabletools like this:

<link href="https://cdn.datatables.net/1.10.5/css/jquery.dataTables.css" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://cdn.datatables.net/plug-ins/1.10.7/integration/bootstrap/3/dataTables.bootstrap.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/tabletools/2.2.3/css/dataTables.tableTools.css"/>

$(document).ready(function() {
$('#table-div').dataTable({
"sPaginationType": "full_numbers",
"dom": 'T<"clear">lfrtip',
"tableTools": {
"sSwfPath": "https://cdn.datatables.net/tabletools/2.2.2/swf/copy_csv_xls_pdf.swf"
}

 });

});

The CSV, PDF, Excel and Print buttons appear on the right top corner for a second and then vanish as it takes a few seconds for the data to load into the table. Is there something I'm missing here?

atupac

For me they appear correctly under Chrome (only the explorer doesn't appear to save file...). Under Firefox, no collection icon-buttons appear.

Krishnan503

To add, I checked in Chrome and Firefox, same problem in both.

Can anyone help?