Problem overlay "processing" string on DataTable after using "DOM positioning"
Problem overlay "processing" string on DataTable after using "DOM positioning"
Hi Guys,
I create a customize button to extract the data from DataTable:
dom: 'fBlrtip',
buttons: [
{
text: '<i class="fa fa-lg fa-clipboard"></i>',
extend: 'copy',
className: 'btn btn-primary export-copy',
exportOptions: {
columns: [ 1,2,3,4,5,6,7,8 ]
},
titleAttr: 'Copy'
},
{
text: '<i class="fa fa-lg fa-file-text-o"></i>',
extend: 'csv',
className: 'btn btn-primary export-csv',
title: "managestock",
exportOptions: {
columns: [1, 2, 3, 4, 5, 6, 7, 8]
},
titleAttr: 'Export CSV'
},
{
text: '<i class="fa fa-lg fa-file-excel-o"></i>',
extend: 'excel',
className: 'btn btn-primary export-xls',
title: "managestock",
exportOptions: {
columns: [1, 2, 3, 4, 5, 6, 7, 8]
},
titleAttr: 'Export XLS'
},
{
text: '<i class="fa fa-lg fa-file-pdf-o"></i>',
extend: 'pdf',
className: 'btn btn-primary export-pdf',
title: "managestock",
exportOptions: {
columns: [1, 2, 3, 4, 5, 6, 7, 8]
},
titleAttr: 'Export PDF'
},
{
text: '<i class="fa fa-lg fa-print"></i>',
extend: 'print',
className: 'btn btn-primary export-print',
exportOptions: {
columns: [1, 2, 3, 4, 5, 6, 7, 8]
},
titleAttr: 'Print'
}
],
But this disallign the "processing" string from DataTable, it's showed over the datatable in the center of main page (if the dataTable is on the bottom, the "processing" string is showed on the top of the page).
If I remove dom positioning the buttons are not availble (it's clear), and the "processing" string is correct overlay on dataTable.
What's is wrong?
it's possible to use DOM positiong and to have the "processing" string property overlay on dataTable?
Ty at all
Answers
Can you link to a test page showing the issue so I can help debug it please?
Allan