sDom parameter and using jQueryUI=true

marcfarrow

I am trying to change the styling of datatable by using a custom sDom parameter. I want to affix a class specification for the Heading area so I can add a custom title to my table.

Here is my sDom parameter:
[code]
'sDom': '<"H"Tfr>t<"F"ip>',
[/code]

When this renders, the TableTools toolbar is in a DIV tag and the FILTER area is in a separate div tag. The div tags do not "float", therefore they render on two different lines. I want them to render on the same line. But, I digress. What I really need to know how to do is how can I mix the class attribute and the "H"/"T" attributes for the jqueryui themes.

for example:

[code]
'sDom': '<"H""MY_NEW_FANCY_CLASS"Tfr>t<"F"ip>',
[/code]

But this does not work.

Any pointers?

Thanks.

Marc

allan

> The div tags do not "float", therefore they render on two different lines. I want them to render on the same line.

The filtering and TableTools controls always have their own DIV wrappers - to get them to appear on the same line you need to use a little bit of CSS to float the elements into position, as I do in my default CSS.

Also, you might want to use this (no double quotes in the middle):

[code]
'sDom': '<"H MY_NEW_FANCY_CLASS"Tfr>t<"F"ip>',
[/code]

Allan

marcfarrow

awesome.

Thanks, Allan. I knew it was a syntax error.