how to make my table look like in the example ?

how to make my table look like in the example ?

sscssc Posts: 2Questions: 0Answers: 0
edited February 2012 in DataTables 1.9
I'm just getting started with DataTables. I basically got it going and my test table seems to have all the features shown in the example at http://datatables.net/index (apart from pagination, but I guess that's because there's not enough data to fill more than one page).

Thing is - my table doesn't look anything like the table in the example. There's no silver frame, no drop shadow, just some blueish background in the table cells.

Is this normal ? Or am I maybe missing some CSS ? What do I need to do to make my table look like the one in the example ?

Replies

  • allanallan Posts: 61,436Questions: 1Answers: 10,049 Site admin
    The example on the index page uses jQuery UI ThemeRoller to get most of the look - see here:
    http://datatables.net/release-datatables/examples/basic_init/themes.html

    And the drop shadow comes for the page specific CSS:

    [code]
    #example_wrapper { -webkit-box-shadow: 2px 2px 6px #666; box-shadow: 2px 2px 6px #666; border-radius: 5px; }
    [/code]

    Allan
  • sscssc Posts: 2Questions: 0Answers: 0
    thanks for your quick response. haven't worked with the ThemeRoller yet, seems like a good opportunity to learn something new.

    coming from the C++/embedded world, I really can't believe how much functionality you get in the jQuery ecosphere and how little effort it takes to get something up and running.

    thanks for your great work, much obliged! :-)
This discussion has been closed.