车险提成固定表头

frontend/views/finance/ticheng-jisuan.php

@@ -131,7 +131,7 @@ use \common\libs\MyLib;
             </form>
             <div class="row">
                 <div class="col-md-12">
-                    <table id="listTable">
+                    <table id="listTable" class="table" data-toggle="table" data-height="450">
                         <thead class="bg-warning">
                         <tr>
                             <th data-field="state" data-checkbox="true"></th>
@@ -212,9 +212,21 @@ use \common\libs\MyLib;
         });
         return false;
     }
+    //固定表头
+        function fix(){
+            //table设置一定的高度
+            var tab=$("#listTable").attr('data-height');
+            $('.fixed-table-body').css({'height':tab-100});
+            //当浏览器窗口变化时，表头与表格不对齐解决
+            $('.table').bootstrapTable();
+            $(window).resize(function () {
+                 $('.table').bootstrapTable('resetView');
+            });
+        }
 
     $(function() {
         search();
+        fix();
         $('.input-daterange').datepicker({
             keyboardNavigation: false,
             forceParse: false,
@@ -233,16 +245,6 @@ use \common\libs\MyLib;
                 }
             }, 'json');
         });
-
-        //使得table有一定的高度，出现滚动条
-        //获取body高度
-        var a=$(".gray-bg").height();
-        //获取条件选择高度
-        var b=$('#searchFrm').height();
-        console.log(b);
-        //获取标题高度
-        var c=$('.ibox-title').height();
-        $('.fixed-table-body').css({'height': a-b-c-100});
     });
 </script>
 <?php $this->endBlock(); ?>