HTML中怎么把表头固定

 时间:2024-10-12 20:01:59

1、准备:先去官方网站下载插件包,datatable需要jQuery,所以还要提前下载jQuery插件。

HTML中怎么把表头固定

2、引入文件:<link rel="stylesheet" type="text/css&鳎溻趄酃quot; 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 i蟠校盯昂d="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、效果如图所示

HTML中怎么把表头固定
  • vf6.0设置常用的组合框控件属性
  • 怎么制作纸张卷页卷边的效果 PS
  • 微信红包祝福语8字考上大学
  • 怎么把另外一个物体附加到一起
  • 热门搜索
    试管婴儿怎么做的全过程 黄焖鸡的做法视频 地瓜粥的做法 美素佳儿奶粉怎么样 芹菜的做法 鸡脯肉的做法大全 缫怎么读 地锅鸡的做法 江米糕的做法 胸口隐隐作痛是怎么回事