Maintenance Kontrak

public/css/app.css

@@ -7,6 +7,7 @@ body{
   color:#333;
   font-size: 12px;
   /* font-family: "Ubuntu", "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif; */
+  zoom: 85%;
 }
 
 .navy-link, .breadcrumb-item a{
@@ -304,4 +305,12 @@ hr{
 
   .dataTables_processing .card{
     display: none;
-  }
+  }
+
+.text-wrap{
+  white-space:normal;
+}
+
+.width-200{
+  width:400px;
+}

public/js/app.js

@@ -389,4 +389,16 @@ refreshNotif();
 
 $.extend( $.fn.dataTable.ext.classes, {
 	sProcessing:   "dataTables_processing",
+});
+
+$(window).resize(function(){
+    $($.fn.dataTable.tables(true)).DataTable().columns.adjust();                
+});
+
+$(window).on("#barButton", "click",()=>{
+    $(window).resize();
+    $($.fn.dataTable.tables(true)).DataTable().columns.adjust(); 
+    $.fn.dataTable
+    .tables( { visible: true, api: true } )
+    .columns.adjust();
 });