how to style a table like ones in the examples?

how to style a table like ones in the examples?

nljubanljuba Posts: 2Questions: 0Answers: 0
edited October 2011 in General
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!

Replies

  • GregPGregP Posts: 500Questions: 10Answers: 0
    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.
  • oversteeroversteer Posts: 4Questions: 0Answers: 0
    I would also like to know this, it would be better if all the required code was included.
  • allanallan Posts: 63,304Questions: 1Answers: 10,433 Site admin
    .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
  • nljubanljuba Posts: 2Questions: 0Answers: 0
    [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 :)
  • allanallan Posts: 63,304Questions: 1Answers: 10,433 Site admin
    Ah in that case it is Conditional-CSS :-).

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

    Allan
  • GregPGregP Posts: 500Questions: 10Answers: 0
    Neat, I had never heard of Conditional-CSS.

    Lucky guess regarding the jQuery UI! You gotta be lucky to be good?
This discussion has been closed.