表头，表格样式

CCFlow/CCFlow/WF/CCForm/Dtl2017.htm

@@ -72,6 +72,12 @@
         .table {
             margin-top: 6px !important;
         }
+        .table thead {
+                position: sticky !important;
+                top: 0 !important;
+                left: 0 !important;
+        }
+     
     </style>
 
     <script language="javascript" type="text/javascript">
@@ -2468,7 +2474,7 @@
             <div id="" class="portlet portlet-sortable light bg-inverse" style="padding: 0px; margin: 0px;">
                 <div class="portlet-body " id="">
                     <div class="tab-content">
-                        <div class="tab-pane active portlet_tab flowLists" style="overflow-x: auto; overflow-y: hidden;" id="dtlDiv">
+                        <div class="tab-pane active portlet_tab flowLists"  id="dtlDiv">
                             <div>
                                 <table class="table wupop" data-data="true" id="dtlTable" border="0" cellspacing="0" cellpadding="0">
                                     <thead></thead>

CCFlow/CCFlow/WF/Comm/Batch.htm

@@ -26,6 +26,59 @@
     <style id="theme-data"></style>
     <base target="_self" />
     <style type="text/css">
+      
+
+        .layui-fluid {
+            height: 100vh !important;
+            box-sizing: border-box !important;
+        }
+
+        .layui-col-space30 {
+            width: 100%;
+            height: 100%;
+            box-sizing: border-box;
+        }
+
+        .layui-row {
+            width: 100%;
+            height: 100%;
+            box-sizing: border-box;
+            margin: 0 !important;
+        }
+
+        .layui-col-md12 {
+            width: 100%;
+            height: 100%;
+        }
+
+        .layui-card {
+            width: 100%;
+            height: 100%;
+        }
+
+        .layui-card-body {
+            width: 100%;
+            height: 100%;
+            display: flex;
+            flex-direction: column;
+            padding: 0 !important;
+        }
+
+        .layui-border-box {
+            flex: 1;
+        }
+
+        .layui-table-box {
+            width: 100%;
+            height: 100%;
+            display: flex;
+            flex-direction: column;
+            padding: 0 !important;
+        }
+
+        .layui-table-main {
+            flex: 1;
+        }
         .layui-form-label {
             padding: 9px 0px;
             width: auto;

CCFlow/CCFlow/WF/Comm/Search.htm

@@ -29,6 +29,43 @@
     <style id="theme-data"></style>
     <base target="_self" />
     <style type="text/css">
+        .layui-table-body table tbody .layui-table-cell{
+            /*height :25px !important;*/
+        }
+        .layui-row {
+            width: 100%;
+            height: 100%;
+            box-sizing: border-box;
+            margin: 0 !important;
+        }
+        .layui-col-md12 {
+            width: 100%;
+            height: 100%;
+        }
+        .layui-card {
+            width: 100%;
+            height: 100%;
+        }
+        .layui-card-body {
+            width: 100%;
+            height: 100%;
+            display:flex;
+            flex-direction:column;
+            padding:0 !important;
+        }
+        .layui-border-box{
+            flex:1;
+        }
+        .layui-table-box {
+            width: 100%;
+            height: 100%;
+            display: flex;
+            flex-direction: column;
+            padding:0 !important;
+        }
+        .layui-table-main {
+            flex: 1;
+        }
         .layui-form-label {
             padding: 9px 0px;
             width: auto;