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