Sash – Bootstrap 5 Admin & Dashboard HTML Template

Basic Tables

Basic Bootsrap Table Html Structure

HTML

Data Tables

DataTables is very simple to use as a jQuery plug-in with a huge range of customizable option..

1. You need to add these files to make it work.

SCSS
JS

    
 <!-- DATA TABLE JS -->
 <script src="../assets/plugins/datatable/js/jquery.dataTables.min.js"></script>
 <script src="../assets/plugins/datatable/js/dataTables.bootstrap5.js"></script>
 <script src="../assets/plugins/datatable/js/dataTables.buttons.min.js"></script>
 <script src="../assets/plugins/datatable/js/buttons.bootstrap5.min.js"></script>
 <script src="../assets/plugins/datatable/js/jszip.min.js"></script>
 <script src="../assets/plugins/datatable/pdfmake/pdfmake.min.js"></script>
 <script src="../assets/plugins/datatable/pdfmake/vfs_fonts.js"></script>
 <script src="../assets/plugins/datatable/js/buttons.html5.min.js"></script>
 <script src="../assets/plugins/datatable/js/buttons.print.min.js"></script>
 <script src="../assets/plugins/datatable/js/buttons.colVis.min.js"></script>
 <script src="../assets/plugins/datatable/dataTables.responsive.min.js"></script>
 <script src="../assets/plugins/datatable/responsive.bootstrap5.min.js"></script>
 <script src="../assets/js/table-data.js"></script>

Note : After Changing scss you must run gulp command i.e, gulp watch . Refer gulp page for more gulp commands click here.

Type	URL
Plugin Link	https://datatables.net/examples/styling/bootstrap5