How to put "print" "Excel" "PDF" "CSV" buttons on left side of table ?

dabhi_mayur

Hello ! i want to put options for exporting data.
When i put buttons , it comes on right hand side on screen.
I want it on left hand side of table.
My code look likes....


$(document).ready(function () {
$('#grdQue').dataTable({
"bFilter": false,
"bInfo": false,
"bAutoWidth": false,
"bLengthChange": false,
"sDom": '<"H"Tfr>t<"F"ip>'

});
});


Using above code the buttons for exporting comes on right side of screen , not even on right side of table.
I want to display buttons on top-left side of table.
Can anybody help me out ?

Thanks.

Regards,
Mayur Dabhi

allan

A trivial CSS change will do this. Just remove the "float:right" from "div.DTTT_container" in my demo CSS.

Also there is an example with the toolbar integrated with jQuery UI theming here, with it on the top left: http://datatables.net/release-datatables/extras/TableTools/theme.html

Allan

dabhi_mayur

Thanks allan.
It works for me.

div.DTTT_container {
/*float: right;*/
margin-bottom: 1em;
}