Position of export buttons

adrian_f

Link to test case: http://live.datatables.net/dihehemi/3/ and http://live.datatables.net/venirosa/1/
Debugger code (debug.datatables.net): osutiv
Error messages shown: None just does not look right
Description of problem:
Really new to datatables. Trying to update an old version to new.
Trying to get the export buttons to move to the right above the Search field. Have tried replacing the B in the dom parameter with <"float-right"B>. I have also tried this in the CSS:

div.dt-buttons {
position: relative;
float: right;
}

I end up with the buttons on the same line and to the right of the Search field.

kthorngren

You can use the Direct Insertion method to place the buttons where you like. For example:
http://live.datatables.net/dihehemi/4/edit

I added a div to the HTML then placed the buttons on that div.

Kevin

adrian_f

But the buttons are still on the left. I'm trying to get them on the right, above the Search field. I tried adding the following CSS but still on the left.

div.my-buttons {
position: relative;
float: right;
}

kthorngren

div.my-buttons {
  position: relative;
  float: right;
}

That CSS seems to work here:
http://live.datatables.net/dihehemi/5

Please update the test case to show the issue.

Kevin

adrian_f

Must have made a mistake with my CSS the first time. Working fine now.