noa – Bootstrap5 Admin & Dashboard Template

noa - Bootstrap5 Admin & Dashboard Template

Note:-

Please refer Faq's page in documentation itself for queries like customization like color ,rtl ,dark style..etc.

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.

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

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

Editable Data Tables

Editable DataTables is also a type of data tables that are 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>

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