jQueryUI

Since: DataTables 1.10

Use markup and classes for the table to be themed by jQuery UI ThemeRoller.

Deprecated

As of v this feature has been deprecated.This feature has not yet been scheduled for removal, but its use is discouraged and the alternatives discussed below should be used.

Description

DataTables can be styled by a number of CSS library packages, included jQuery UI, Twitter Bootstrap and Foundation. Although Bootstrap, Foundation and other libraries require a plug-in, jQuery UI ThemeRoller support is built into DataTables and can be enabled simply with this parameter. When enabled, DataTables will use markup and classes created for jQuery UI ThemeRoller, making it very easy to integrate your tables with jQuery UI.

When enabled, you will likely want to load the jquery.dataTables_themeroller.css file that is included in the DataTables package (media/css) as ThemeRoller does not provide all of the styles needed by DataTables.

Note that this feature is deprecated in DataTables 1.10 and will be removed in 1.11, where upon this feature will be provided by plug-ins, matching the other style libraries. Please see the DataTables jQuery UI styling documentation for more information about the new method of styling the table using jQuery UI.

Type

This option can be given in the following type(s):

boolean

Default

Value: false

Example

Enable jQuery UI ThemeRoller support:

$('#example').dataTable( {
  "jQueryUI": true
} );