Pagination div isn't properly displayed

dmolavi

See the example at http://www.gallerymodules.com/combined.php

The pagination div is to the right and below the div showing the count. I've tried the "clear:both" hack in a variety of places, but it didn't work. Any thoughts/suggestions?

allan

The length container element is taking up the full width - forcing the search onto the next line (likewise the info / pagination). You could add something like div.dataTables_length{ width:40% } to fix that. The default CSS might be useful to have a look at as it includes these kinds of styles.

Allan

dmolavi

I was referencing the pagination elements at the bottom of the table, but thanks for pointing out the search box issue...the "showing x of y" is not full-width, but the pagination buttons still appear below/right of it.

allan

I jumped ahead a bit there - sorry :-). You need to add div.dataTables_info { float: left }. But you will also need a clearing element at the end of the table. You could use sDom ( http://datatables.net/usage/options#sDom ) to do something like "sDom": 'lfrtip<"clear">'.

Allan

dmolavi

BINGO!! Thanks a million :)