固定表头之后当浏览器窗口变化时,表头与表格不对齐解决

webUi
赵桐华 5 years ago
parent e6034097be
commit 93b7fb01bf
  1. 2
      frontend/views/menu/index.php
  2. 6
      frontend/views/permissions/index.php

@ -21,7 +21,7 @@ use \common\libs\MyLib;
<div class="ibox-content"> <div class="ibox-content">
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<table id="listTable align" class="table" id="table" data-toggle="table" data-height="708"> <table id="listTable" class="table" data-toggle="table" data-height="708">
<thead class="bg-warning"> <thead class="bg-warning">
<tr> <tr>
<th data-field="show_id">ID</th> <th data-field="show_id">ID</th>

@ -21,7 +21,7 @@ use \common\libs\MyLib;
<div class="ibox-content"> <div class="ibox-content">
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<table id="listTable align" class="table" id="table" data-toggle="table" data-height="708"> <table id="listTable" class="table" data-toggle="table" data-height="708">
<thead class="bg-warning"> <thead class="bg-warning">
<tr> <tr>
<th data-field="id">ID</th> <th data-field="id">ID</th>
@ -104,9 +104,9 @@ use \common\libs\MyLib;
var tab=$("#listTable").attr('data-height'); var tab=$("#listTable").attr('data-height');
$('.fixed-table-body').css({'height':tab-40}); $('.fixed-table-body').css({'height':tab-40});
//当浏览器窗口变化时,表头与表格不对齐解决 //当浏览器窗口变化时,表头与表格不对齐解决
$('#align').bootstrapTable(); $('.table').bootstrapTable();
$(window).resize(function () { $(window).resize(function () {
$('#align').bootstrapTable('resetView'); $('.table').bootstrapTable('resetView');
}); });
}); });
</script> </script>

Loading…
Cancel
Save