Please note that this site is currently undergoing maintenance to update the documentation for the 1.10.0 DataTables release.
There might be the odd breakage for a short period of time. Apologies for any inconvenience caused.
Additionally, the forums will be unavailable from 6am GMT 1st April for approximately 3 hours
Providing the range of features that DataTables does is great, but you will also wish to style the table and the HTML that DataTables adds to the document. This will allow full integration of DataTables into your web-site, web-application, or whatever it is you are developing! There are a number of ways in which DataTables allows you to style tables:
- Basic styling - DataTables will add a number of elements to the page, each with a suitable default ID and/or class to allow CSS selectors to address the element. You can take the demo CSS and customise this to what you require.
- Custom classes - You can customise the class names that DataTables applied to elements in order to match the style-sheets you already have on your web-site.
- ThemeRoller support - The jQuery UI team have done an outstanding job of providing a consistent set of CSS rules, which results in their excellent ThemeRoller tool, allowing you to completely change the look and feel of your UI widgets with minimal effort. DataTables offers full support for ThemeRoller.
- ThemeForest Themes - Pre-built HTML and CSS templates with DataTables support, to provide your interface with a unified look and feel.
There are also a few blog posts describing how you can theme DataTables to your requirements: