How to show export buttons at the bottom of the table

becarefuldt

$(document).ready(function() {
$('#example').DataTable( {
dom: 'Bfrtip',
buttons: [
'copy', 'csv', 'excel', 'pdf', 'print'
]
will place buttons at the top of the table - But I would look to show them at the bottom -how does one do this - or to the side or in the footer or where ever?

allan

Put the B option at the end of the dom string. See the dom documentation for details.

Allan

becarefuldt

That worked and I appreciate the feedback - But I am not finding the dom page very understandable and can't derive that answer from the page. Is it possible? Because now that I have the buttons at the bottom I would like to move them to the right slightly from their default location. Is that possible?

allan

The dom parameter positions the elements in the DOM. CSS also have an impact on their layout in the document visually. You might have to add float:right for example to the element.

Allan

becarefuldt

That worked I added
div.dt-buttons{
position:relative;
float:right;
}
to our css

Thanks