获取table高度

webUi
赵桐华 5 years ago
parent a4119ca79a
commit 02e61f2dbf
  1. 17
      frontend/views/database/b-index.php

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

Loading…
Cancel
Save