how to upgrade the datatables form default styling to bootstrap

kaustubh.agrawal2000

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

tangerine

Bootstrap styling is explained in the documentation.
https://datatables.net/manual/styling/bootstrap4

colin

There's also an example here that should help,

Colin