Datatables sDom add new elements to bottom and top of table

comicrage

am trying add the following to the top and bottom of the datatable grid control

TOP : length changing (l), information (i), and filter (f) all on 1 line above the datatable

BOTTOM: lenght (l), information (i), and pagination (p) all on 1 line below the datatable

Here is my line:

"sDom": '<"top"lif<"clear">>rt<"bottom"lip<"clear">>'

I got all the elements to show up, but the

Top are populated on two lines. The l and i are on the first line and the filter is on the 2nd line, far right

Bottom, the l and i are on the first line and the pagination is on the 2nd line, far right.

How can I get the top and botton each on 1 line?

Thanks...

allan

Very likely to need to alter the CSS. Have a look at the DOM in your browser's web dev tools and check that the DOM order is correct (it should be!), but you need to use CSS to get the visual positioning.

Allan