HTML中怎么把表头固定
1、准备：先去官方网站下载插件包，datatable需要jQuery，所以还要提前下载jQuery插件。
2、引入文件：
<link rel="stylesheet" type="text/css" href="datatables.css">
<script type="text/javascript" language="javascript" src="jquery-1.12.4"></script>
<script type="text/javascript" language="javascript" src="datatables.js"></script>
3、javascript代码：
<script type="text/javascript" class="init">
$(document).ready(function() {
$('#example').DataTable( {
"scrollY": "300px",
"scrollCollapse": true,
"paging": false
} );
} );
</script>
4、table部分代码：
<table id="example" class="display">
<thead>
<tr>
<th>学号</th>
<th>姓名</th>
<th>班级</th>
<th>科目</th>
<th>分数</th>
<th>排名</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>小明</td>
<td>三年级一班</td>
<td>数学</td>
<td>90</td>
<td>9</td>
</tr>
......
5、效果如图所示
