sDom deactivates jqueryUI styling

kbeaty

This post can be retracted. I discovered the solution. Must use <"H"> and <"F"> when initializing sDom and bJQueryUI = true.
Cancel or leave up for others if useful.
-------------------------------------

I'm very new to javascript and jquery and am stumped by the following problem.

When I use the sDom ____ to insert text into a table styled with a jqueryUI theme, the styling is lost (disappears). Remove the sDom and all styling returns. I believe that my code follows the example given in the downloads named dom_toolbar.html.

If searched the Forums, but the only relevant thread I can find is from 2009. (http://www.datatables.net/forums/discussion/676/tabletools-used-alongwith-jquery-ui-1.7.2.custom.css/p1).

Is this thread still timely? Or should I be looking elsewhere.

My code is:


$(document).ready(function() {
$('#example').dataTable( {
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"sDom": '<"toolbar">frtip'
} );
$("div.toolbar").html('Select an Event Below');
} );


If anyone can steer me in the right direction, it would be very appreciated.

allan

Good to hear you got it sorted! In 1.10 or 1.11 I'll be implementing a more intuitive DOM control for sDom as it can be rather confusing!

Allan