how to style a table like ones in the examples?

nljuba

I tried to style a table like the tables in the example: http://www.datatables.net/release-datatables/examples/basic_init/table_sorting.html
or any other one, but with no luck! :(

it seems like I can get it to style header of the table like in the example - it doesn't show that black bottom border and it doesn't show the up/down arrows - the whole column name is clickable and functions like a sort btn.

Getting frustrated... please help.

the css styles that are included are:
[code]@import "media/css/demo_page.css"; @import "media/css/header.ccss";
@import "media/css/demo_table.css";[/code]

and all the paths are correct!

GregP

Weird; there's a file with the extension ".ccss"?

Without seeing a live example, it'll be hard to say what's going wrong. For the arrows, it could simply be that your images are missing. For the black border, I don't know.

Did you happen to set bJQueryUI to true? That will have different CSS requirements.

oversteer

I would also like to know this, it would be better if all the required code was included.

allan

.ccss - possibly Conditional-CSS ( http://conditional-css.com )?

However, I'd agree with Greg - check your server error log for 404 errors - likely its just a path issue.

@oversteer: The DataTables examples should all just work "out of the box". All the code required for the examples you see on on the examples page ( http://datatables.net/examples ) is included in the download package.

Allan

nljuba

[quote]Did you happen to set bJQueryUI to true? That will have different CSS requirements.[/quote]
acctually I did just that :D and it names all the classes for the JQuery UI css template... (which explaines why it works with JQuery css) I did set it to false, and it works gr8 now.

I guess it was one of those stupid questions made by tired developer at the end of office hours, but Thanks a milion GregP!

P.S. for that .ccss file extension - I analysed the code right from datatables web site, and took it from there, I was desperate :)

allan

Ah in that case it is Conditional-CSS :-).

Good to here you got it going! (Nice one Greg!)

Allan

GregP

Neat, I had never heard of Conditional-CSS.

Lucky guess regarding the jQuery UI! You gotta be lucky to be good?