# Sash – Bootstrap 5 Admin & Dashboard HTML Template

##### Basic Tables

Basic Bootsrap Table Html Structure

##### 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.

     <!-- 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

##### Extension Data Tables

Extension 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.

     <!-- Autofill-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/extension-datatable/autofill/dataTables.autoFill.min.js"></script>
     <script src="../assets/plugins/extension-datatable/autofill/autoFill.bootstrap5.min.js"></script>
     <script src="../assets/plugins/extension-datatable/keytable/dataTables.keyTable.min.js"></script>
     <script src="../assets/js/autofill-table.js"></script>

     <!-- Date Range Filter Data Table -->
     <script src="../assets/plugins/extension-datatable/date-time/moment.js"></script>
     <script src="../assets/plugins/extension-datatable/date-time/dataTables.dateTime.min.js"></script>
     <script src="../assets/js/datetime-table.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/extensions/autofill/examples/styling/bootstrap5.html
Plugin Link | https://datatables.net/extensions/datetime/examples/integration/datatables.html