add booking list in transaction

app/assets/javascripts/application.js

@@ -16,7 +16,6 @@
 //= require bootstrap/js/popper.min
 //= require bootstrap/js/bootstrap-material-design.min
 //= require jquery_nested_form
-//= require cable
 //= require momentjs/moment
 //= require bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker
 //= require multi-select/js/jquery.multi-select.js
@@ -24,6 +23,15 @@
 //= require bootstrap-notify/bootstrap-notify.js
 //= require node-waves/waves.js
 //= require sweetalert/sweetalert.min.js
+//=require jquery-datatable/jquery.dataTables.js
+//=require jquery-datatable/skin/bootstrap/js/dataTables.bootstrap.js
+//=require jquery-datatable/extensions/export/dataTables.buttons.min.js
+//=require jquery-datatable/extensions/export/buttons.flash.min.js
+//=require jquery-datatable/extensions/export/jszip.min.js
+//=require jquery-datatable/extensions/export/pdfmake.min.js
+//=require jquery-datatable/extensions/export/vfs_fonts.js
+//=require jquery-datatable/extensions/export/buttons.html5.min.js
+//=require jquery-datatable/extensions/export/buttons.print.min.js
 //= require autosize/autosize.js
 //= require jquery-countto/jquery.countTo.js
 //= require raphael/raphael.min
@@ -343,6 +351,21 @@ $(document).ready(function(){
       }
     });
   });
+  $(function () {
+    $('.js-basic-example').DataTable({
+        responsive: true,             
+bLengthChange: false
+    });
+
+    //Exportable table
+    $('.js-exportable').DataTable({
+        dom: 'Bfrtip',
+        responsive: true,
+        buttons: [
+            'copy', 'csv', 'excel', 'pdf', 'print'
+        ]
+    });
+});
 });
 
 

app/assets/stylesheets/application.scss

@@ -5,6 +5,7 @@
 @import "animate-css/animate";
 @import "sweetalert/sweetalert.css";
 @import "multi-select/css/multi-select.css";
+@import "jquery-datatable/skin/bootstrap/css/dataTables.bootstrap.css";
 @import "bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker";
 @import "morrisjs/morris";
 @import "fileinput.min";