sDom - elements are shown on separate lines

yongbum75

Hi, my init setting is as follows:

jQuery(this).dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"sDom": '<"H"lfr>t<"F"ip>'
});


When my table is rendered each option is displayed in its own row -- something like as follows:

-- length changing --
-- filtering input --
-- rProcessing --
-- table goes here --
-- information --
-- Pagination --

Do I need to do anything to make the "l" and "f" and "r" appear in the same row, and similarly the "i" and "p" in the same row?

I'm using the jQuery UI Tab library and my table is rendered within a tab page. Could that be the reason?

Thanks for your help in advance!

allan

You need to use CSS to manipulate the DIV elements as required. If you use Firebug to inspect the DOM in my examples you will see how my demo CSS is constructed.

Allan