how to upgrade the datatables form default styling to bootstrap

how to upgrade the datatables form default styling to bootstrap

kaustubh.agrawal2000kaustubh.agrawal2000 Posts: 88Questions: 39Answers: 2
edited March 2021 in DataTables 1.10

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:

Answers

Sign In or Register to comment.