jQuery Datatable DOM positioning for Buttons
jQuery Datatable DOM positioning for Buttons
I just upgraded my jQuery Datatable version to 1.10. And then i tried to remove its retired plugin such as "Colvis" and "Tabletools" with the "Button" extension. Everything works fine here.
But the problem for me is, I could not able to separate "Colvis" button from the "Tabletool" buttons.
"sDom": "B<'row'><'row'<'col-md-6'l><'col-md-6'f>r>t<'row'<'col-md-4'i>><'row'p>B",
"buttons": [
'copyHtml5',
'excelHtml5',
'csvHtml5',
{
extend: 'colvis',
postfixButtons: [ 'colvisRestore' ],
columns: '0,1,2,3,4,5,6'
}
],
language: {
buttons: {
colvis: 'Change columns'
}
}
Where in the "sDom", the letter "B" denotes for Buttons. So i am getting all four Buttons (Copy, Excel, CSV and Colvis) in a single row. But i need the "Colvis" button to be separated from (Copy, Excel and CSV).
Is there any configuration available in the "sDom" or in the "Button"?
Thank you!
Answers
Posted the same question in Stackoverflow.
http://stackoverflow.com/questions/34416766/jquery-datatable-dom-positioning-for-buttons/34577139#34577139
If you want multiple button sets you would need to use multiple instances of Buttons for the table. There is an example on how to do that.
Allan