Why does the buttons not move to the right of the search box.

HGPKK

Hello! I have a simple requirement to move the buttons to the right of the search box. I have tried the other options that are provided in the different threads in this site but none of them worked for me. Theoretically, the below simple code should have worked, unless, I am understanding the concept incorrect. Any help would be greatly appreciated. Thanks in advance!.

dom:'fBrtilp',
buttons: [
'excelHtml5',
'pdfHtml5',
'print'
],

jLinux

Can you go to live.datatables.net and get a working example of what you mean? When you say "search box", I think of the searching feature, which doesn't have a button, (as seen in this basic example)

HGPKK

The buttons I mentioned are the Print, Export and Pdf . By default they are placed on the left top corner of the screen.

If I add the following code in my css to override the default. the buttons move to the right but still stay on the right side of my searching option instead of moving to the left side..

div.dt-buttons {
float: right;
}
(Please see the attached pic).

Only if I remove the searching option, does the buttons move to the right.

Any help would be great.

Thanks!!

allan

Just put the B before the f if you want the Buttons on the right: http://live.datatables.net/zajikele/1/edit . Then it is the first right floated element.

Allan

HGPKK

Absolutely beautiful. Thank you, Thank you!