How to set smoothness style to datatable?

vanitas

Hi, I've just installed DataTables at my site and it works perfectly. I've got only one problem - it looks awful ;p
At your frontpage table is using smoothness style (I guess). Is there any css file containing this style so I could apply it easily or there is some other way to do that?

GregP

That example has the parameter "bJQueryUI" set to true; what this does is apply a bunch of classes to the markup. However, it does not automatically generate styles and graphics.

For this, you need to use a jQuery UI "ThemeRoller" theme, available at their site. The jQueryUI CSS used for the DataTables demos is also included in the download package; you just need to include them.

As I recall, you will also need to include the CSS used for the demo (demo.css or whatever it's called) for certain layout styles.

If you look at the page that has the "Smoothness" theme and inspect the source code, you will see which CSS files are required.

fbas

if you downloaded the DataTables zip file, you'll find Smoothness CSS in the examples

examples/examples_support/themes/smoothness/jquery-ui-1.8.4.custom.css