获取table高度

frontend/views/database/c-index.php

@@ -97,7 +97,7 @@ use \common\libs\MyLib;
             </form>
             <div class="row" style="margin-top:20px;">
                 <div class="col-md-12">
-                    <table id="listTable">
+                    <table id="listTable" class="table" data-toggle="table" data-height="496">
                         <thead class="bg-warning">
                         <tr >
                             <th data-field="state" data-checkbox="true"></th>
@@ -122,6 +122,7 @@ use \common\libs\MyLib;
 
 
 <?php $this->beginBlock('footer_js'); ?>
+<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
 <script src="/assets/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
 <script src="/assets/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
 <script src="/assets/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
@@ -156,9 +157,20 @@ use \common\libs\MyLib;
         });
         return false;
     }
-
+//固定表头
+    function fix(){
+        //table设置一定的高度
+        var tab=$("#listTable").attr('data-height');
+        $('.fixed-table-body').css({'height':tab-40});
+        //当浏览器窗口变化时，表头与表格不对齐解决
+        $('.table').bootstrapTable();
+        $(window).resize(function () {
+             $('.table').bootstrapTable('resetView');
+        });
+    }
     $(function() {
         search();
+        fix();
         $('.input-daterange').datepicker({
             keyboardNavigation: false,
             forceParse: false,