dom - swap filter with length

kunlun

Hi!

I have this dom in js:
"<'row'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6'f>>" +
"<'row'<'col-sm-12 col-md-6'i><'col-sm-12 col-md-6'p>>" +
"<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>"

Which looks like this:
http://live.datatables.net/nawuyilo/1/edit?js,output

I want to swap filter with length. Put filter on left edge and length on right edge.

I tried with this dom(changed first row: swap l with f):
"<'row'<'col-sm-12 col-md-6'f><'col-sm-12 col-md-6'l>>" //...

Which looks like this:
http://live.datatables.net/zoyelayu/1/edit?js,output

After swap, filter and length are on middle of page.
I want them on edges.
How to done this?

allan

div.dataTables_wrapper div.dataTables_filter {
  text-align: left;
}

div.dataTables_wrapper div.dataTables_length {
  text-align: right;
}

http://live.datatables.net/zoyelayu/2/edit

Not ideal! But it works... The other option is to remove the text-align entirely from the DataTables elements and use Bootstrap's own alignment. That is what will be done in DataTables 2 (sometime next year).

Allan

kunlun

Thank you.