sDom Help! Need to get Info and Filter options in same line

Islord

I have looked and looked and havent quite found a solution to my issue. I want to get the Information ("showing X to Y of Z") in the same line as the Filter ("Search: textbox"). The link below is an example using my datatable initialization.

http://live.datatables.net/omepom/edit#javascript,html,live

That "top" class is spiffy and I like the padding around it, etc but the float of the datatables_filter class is bumping that out of the "top" class. Using chrome dev tools (or firebug), disabling the float: right will put the filter back inside the "top" class, increasing its height but still bumping the filter to the line below.

I understand I dont have to use that "top" class that is in the datatables css file and I can create my own but I have been unable to get my desired look of those 2 options.

Any and all assistance is MUCH appreciated!

-islord

allan

Its just a CSS issue, not one with your sDom. Have the information element width set to 50% and float it left.

Allan

Islord

Actually, changing the sDom from:
[code]<\"top\"if>rt[/code]
to
[code]<\"top\"fi>rt[/code]
fixed the problem! Just simply swapping the i and f.

datatables kick serious ass, Allan! Thank you for your hard work :)

allan

Excellent to hear you got it working :-). And thanks for your kind words!

Allan