DataTables provides integration files which can be used to have tables styled in the same manner as other jQuery UI widgets, ensuring a consistent look-and-feel across components on your site / app, if you are already using jQuery UI.

jQuery UI is a popular suite of Javascript widgets such as DatePicker, AutoComplete and Dialog. Although jQuery UI isn't a CSS framework in the same sense as Bootstrap or Foundation it does provide a common styling framework for its widgets through its ThemeRoller component.

To enable the jQuery UI styling of DataTables, simply include the jQuery stylesheet, DataTables' additions for the jQuery stylesheet (to add row styling etc) and set the jQueryUI initialisation for your table.

Aug 20, 2015 · You need to import jquery.dataTables_themeroller.css file so it will work with the themes. Or if you aren't using themes then just use the jquery.dataTables.css. You should also try importing your css like this. Or if you want to keep the import statements - …

Nov 28, 2008 · DataTables has the ability to integrate seamlessly with almost any styling library, and integration files are provided for several of the popular styling libraries, including jQuery UI. To have your table styles integrate with jQuery UI's ThemeRoller styles, simply include the DataTables CSS and JS integration files for jQuery UI, as shown in ...

This example show Editor's jQuery UI styling integration working with a datatable input field. Otherwise this example is identical to the basic DataTable input example. We use the nested editing example as the basis for this example, with the only difference being that it …

Jul 4, 2013 · If you want to use only basic style as datables.net's examples, you can use 4.jquery.dataTables.css. If you want to use jquery ui, you can include 3.demo_table_jui.css - this is jquery ui smoothness theme, light grey color.

DataTables, Editor and all other DataTables extensions provide integration options which can be used to have tables and forms styled in the same manner as other jQuery UI widgets, ensuring a consistent look-and-feel across components on your site / app, if you are already using jQuery UI.

When using DataTables, you want your tables to fit in with your site / app to make the end user experience as seamless as possible. For this reason, DataTables provides an easy to customise core stylesheet, which has a number of features that you can enable or disable as you required.

Mar 6, 2015 · I suspect that the issue you are having can be resolved by including the demo CSS that comes with DataTables for jQuery UI theming. My guess is that either you have the CSS used for non-theme roller styling (demo_table.css) or custom CSS which isn't providing what is needed for the pagination.