fastadmin 表头悬浮固定顶部

最新推荐文章于 2024-02-28 16:43:55 发布

素食地球

最新推荐文章于 2024-02-28 16:43:55 发布

阅读量1.2k

点赞数

文章标签： js

本文链接：https://blog.youkuaiyun.com/yiviyj/article/details/118731444

版权

本文介绍如何在Fastadmin中实现表格表头在滚动时悬浮并固定在顶部的功能，通过在模块控制器的js指数方法内添加特定代码来完成。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

fastadmin 表头悬浮固定顶部

将下述代码放到模块控制器js中的index方法内:

$(function(){
   
  var sourceTable = $("#table");//table id
  var sourceTableHead = $("#table thead tr");//table thead tr id
  var headHeight = sourceTableHead.height();//table thead tr height


  //copy table and thead html tag from source table,
  $('body').append('<div id="shelter" style="display:none;padding-left:30px;"><table id="fixed_table"  border="0" cellpadding="4" cellspacing="0" class="table table-hover"><thead></thead></table></div>');
  //only set top and left,beacuse i need the top bar can scroll left
  $("#shelter").css({
   'height':headHeight,'position':'fixed','top'