Using sDom, how can I edit internal divs?

jimdgar

I'm using the DOM positioning to move the elements. The following moves the elements properly to top/bottom but doesn't give me the fine control I need to position each element right/left, etc.:

"sDom": '<"top"fp>rt<"bottom"il><"clear">',

So I tried this to isolate each element:
"sDom": '<"topl"f><"topr"p>rt<"bottoml"i><"bottomr"l><"clear">',

I can then of course control the divs I created but don't know how to edit those created by DataTables.

Here's what I see (using Chrome Inspect element):

allan

Is it only for positional reasons that you want to remove the DataTables added elements? If so, then I think the answer probably lies in CSS rather than with Javascript. Are you using my demo CSS styles? They will position the elements in the standard form (i.e. filter floated right etc). You might want to just remove those elements.

Removing the actual elements that DataTables adds, might break some things - given that it will reply on the divs that it has inserted still being there. The information element for example needs to be there to write into.

So if the above doesn't help - perhaps you could clarify what you are looking to do specifically?

Regards,
Allan

jimdgar

Sorry, I saw the top/bottom classes in your .css but somehow missed the classes for each element. Changing those now works just fine. My mistake.