zendash - Admin Dashboard HTML Template

Tables

Basic Tables

Using the most basic table markup, here’s how .table-based tables look in Bootstrap. All table styles are inherited in Bootstrap 4, meaning any nested tables will be styled in the same manner as the parent.

Bootstrap Table 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.


		 <!-- Internal Data Table js -->
		 <script src="../../assets/plugins/datatable/jquery.dataTables.min.js"></script>
		 <script src="../../assets/plugins/datatable/dataTables.bootstrap4.min.js"></script>
		 <script src="../../assets/js/table-data.js"></script>
		 <script src="../../assets/plugins/datatable/dataTables.responsive.min.js"></script>
		 <script src="../../assets/plugins/datatable/fileexport/dataTables.buttons.min.js"></script>
		 <script src="../../assets/plugins/datatable/fileexport/buttons.bootstrap4.min.js"></script>
		 <script src="../../assets/plugins/datatable/fileexport/jszip.min.js"></script>
		 <script src="../../assets/plugins/datatable/fileexport/pdfmake.min.js"></script>
		 <script src="../../assets/plugins/datatable/fileexport/vfs_fonts.js"></script>
		 <script src="../../assets/plugins/datatable/fileexport/buttons.html5.min.js"></script>
		 <script src="../../assets/plugins/datatable/fileexport/buttons.print.min.js"></script>
		 <script src="../../assets/plugins/datatable/fileexport/buttons.colVis.min.js"></script>

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