how to upgrade the datatables form default styling to bootstrap
how to upgrade the datatables form default styling to bootstrap
kaustubh.agrawal2000
Posts: 88Questions: 39Answers: 2
I am using datatable and editor with datatables default styling.
But now I want to change it to bootstrap styling, but I cant figure out a simple way to do it. Can u please let me know how can this be achieved ?
I am loading the JS & CSS in the below order
'web/js/builder/popper.min.js',
'web/js/builder/datatables.min.js',
'web/js/builder/dataTables.responsive.min.js',
'web/js/builder/vfs_fonts.js',
'web/js/builder/select2.min.js',
'web/js/builder/editor.title.js',
'web/js/builder/dataTables.checkboxes.min.js',
'web/js/bootstrap.min.js',
CSS :
'web/css/builder/datatables.css',
'web/css/builder/responsive.dataTables.min.css',
'web/css/builder/select2.min.css',
'web/css/builder/custom.plugin.css',
'web/css/bootstrap.min.css',
'web/css/jquery-ui.min.css',
'web/css/font-awesome.min.css'
Datatables version :
* jQuery 3 3.3.1, JSZip 2.5.0, pdfmake 0.1.36, DataTables 1.10.18, Editor 1.7.4, AutoFill 2.3.0, Buttons 1.5.2, Column visibility 1.5.2, Flash export 1.5.2, HTML5 export 1.5.2, Print view 1.5.2, ColReorder 1.5.0, FixedColumns 3.2.5, FixedHeader 3.1.4, KeyTable 2.4.0, Responsive 2.2.2, RowGroup 1.0.3, RowReorder 1.2.4, Scroller 1.5.0, Select 1.2.6
Regards
This question has accepted answers - jump to:
This discussion has been closed.
Answers
Bootstrap styling is explained in the documentation.
https://datatables.net/manual/styling/bootstrap4
There's also an example here that should help,
Colin