Export with flash buttons problem - nightly build
Example shows problem exporting files using flash.
Steps to reproduce:
1. Choose Save button and export to CSV.
2. Click elsewhere to hide flash buttons.
3. Change sorting.
4. Choose Save button and export to PDF.
Nothing happens on IE11.
by carrantuohill3
January 12, 2016
HTML
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="https://nightly.datatables.net/css/dataTables.jqueryui.min.css">
<script src="https://nightly.datatables.net/js/jquery.dataTables.min.js"></script>
<script src="https://nightly.datatables.net/js/dataTables.jqueryui.min.js"></script>
<link rel="stylesheet" href="https://nightly.datatables.net/buttons/css/buttons.jqueryui.min.css">
<script src="https://nightly.datatables.net/buttons/js/dataTables.buttons.min.js"></script>
<script src="https://nightly.datatables.net/buttons/js/buttons.jqueryui.min.js"></script>
<script src="https://nightly.datatables.net/buttons/js/buttons.colVis.min.js"></script>
<script src="https://nightly.datatables.net/buttons/js/buttons.flash.min.js"></script>
<script src="https://nightly.datatables.net/buttons/js/buttons.html5.min.js"></script>
<script src="https://nightly.datatables.net/buttons/js/buttons.print.min.js"></script>
<table id="example" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>Tiger Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>61</td>
<td>2011/04/25</td>
<td>$320,800</td>
</tr>
<tr>
<td>Garrett Winters</td>
...
CSS
.clear {
clear: both;
}
.datatable-buttons {
float: right;
padding-bottom: 10px;
}
JavaScript
$(document).ready(function() {
$('#example').DataTable({
"autoWidth": true,
"scrollX": true,
"scrollCollapse": true,
"pagingType": "full_numbers",
"dom": '<"datatable-buttons"B><"clear">'
+ '<"fg-toolbar ui-toolbar ui-widget-header ui-helper-clearfix ui-corner-tl ui-corner-tr"lfr>'
+ 't<"fg-toolbar ui-toolbar ui-widget-header ui-helper-clearfix ui-corner-bl ui-corner-br"ip>',
"buttons":[
{
extend: 'copyFlash',
text: 'To clipboard'
},
{
extend: 'print',
text: 'Print'
},
{
extend: 'collection',
text: 'Save',
buttons: ['csvFlash', 'excelFlash', 'pdfFlash']
}
]
});
});