Search and navigation elements displayed incorrectly

Mike Victor

I'm having an issue with the search and navigation elements not being rendered like they are in all the example tables I've seen, but rather they are all jammed to the left. The search box below the display xx records select, and likewise the navigation (next/previous) showing up below the record count.

I have turned off both the themeroller theme and main site css, but neither has an effect on the positioning. Data source for the table is from the DOM.

Any ideas where to look next?

btw the functionality is impressive, I just want to clean up the presentation so it looks as slick as the examples :)

Mike Victor

Forgot to mention: the columns in the table do not span the width that the search header and navigation footer do, but are also shifted to the left, even though there is plenty of space.

allan

Presumably your HTML page isn't including the demo CSS files? Or the jQUery UI theme files or something like that. Does that sound about right?

Allan

Mike Victor

Thanks for your response. The only relevant css file I am including are:
jquery-ui-1.8.13.custom.css (the theme file)

along with the js files:
jquery-1.5.2.js
jquery.dataTables.js
jquery-ui-1.8.13.custom.min.js

Were the Demo files intended to be included? I thought they were akin to the developer-bundle from jui, for developer reference.

Mark

allan

Well they have the default DataTables styles in them - so if you are looking to get the same effect as the examples, it would be worth including the demo_table_jui.css file :-)

Allan

Mike Victor

Thank you for clearing that up. I didn't see the demo* files mentioned anywhere when I searched here for installation instructions.

I'll try to be less n00b-ish in the future ;)