I am new to DataTables Found the feature of these JS datatables amazing. However, to use this in our application we have to change the UI (color). Currently is grey based. Have to change it to blue based. Kindly let know if there is any config / setting to change the theme.
I am new to DataTables Found the feature of these JS datatables amazing. However, to use this in our application we have to change the UI (color). Currently is grey based. Have to change it to blue based. Kindly let know if there is any config / setting to change the theme.
Share Improve this question edited Oct 23, 2017 at 12:29 Rob 2,3334 gold badges32 silver badges41 bronze badges asked Oct 23, 2017 at 8:04 shoabshoab 5653 gold badges8 silver badges19 bronze badges 1- 1 datatables/manual/styling/theme-creator – 4b0 Commented Oct 23, 2017 at 8:23
1 Answer
Reset to default 3There are a lot of ways to alter the UI of datatables. You can find more information here https://www.datatables/examples/styling/
My favorite way of styling datatables and is what I remend is using jQueryUI Theme Roller To implement this you have to load also the following files:
- dataTables.jqueryui.min.js
- dataTables.jqueryui.min.css
Both of these files can be downloaded from jQueryUI website, in the zip file after selecting to download the library (self made UI or ready made)
Here is also a live example for your reference
Hope that helps