固定表头方法,直接在js里面设置一定的高度

webUi
赵桐华 5 years ago
parent 237ccfb0d6
commit c75f36ab1e
  1. 5
      frontend/views/menu/index.php

@ -2,6 +2,7 @@
use \common\libs\MyLib; use \common\libs\MyLib;
?>); ?>);
<?php $this->beginBlock('header_css'); ?> <?php $this->beginBlock('header_css'); ?>
<link href="/assets/css/bootstrap.min.css" rel="stylesheet">
<link href="/assets/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"> <link href="/assets/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
<?php $this->endBlock(); ?> <?php $this->endBlock(); ?>
@ -21,7 +22,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"> <table id="listTable" class="table table-bordered" id="table" data-toggle="table" data-height="200">
<thead class="bg-warning"> <thead class="bg-warning">
<tr> <tr>
<th data-field="show_id">ID</th> <th data-field="show_id">ID</th>
@ -41,6 +42,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>
@ -118,7 +120,6 @@ use \common\libs\MyLib;
} }
$(function() { $(function() {
search(); search();
table();
}); });
</script> </script>
<?php $this->endBlock(); ?> <?php $this->endBlock(); ?>

Loading…
Cancel
Save