DataTables
This site contains the legacy documentation for DataTables v1.9 and earlier for reference only.
DataTables 1.9 was End Of Life in 2014. Do not use it for new work.
The current release of DataTables can always be found on DataTables.net.
DataTables 1.9 was End Of Life in 2014. Do not use it for new work.
The current release of DataTables can always be found on DataTables.net.
Styling information
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: