a库固定表头

frontend/views/database/a-index.php

@@ -119,7 +119,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="550">
                         <thead class="bg-warning">
                         <tr>
                             <th data-field="state" data-checkbox="true"></th>
@@ -146,6 +146,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>
@@ -213,8 +214,21 @@ 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,