jsp页面table表头固定-freezeheader

该插件兼容firefox,charome,safari,ie10以上的版本。

1.导入jquery与freezeheader的包;
jquery引入freezeheader引入
2.页面中的table;
table
3.通过ajax请求后台返回数据拼接table;

具体拼接过程省略。。。

4.在第3步table表与拼接完成,页面完成渲染后,实现table表头固定;
在 ajax
success: function(data){
//先拼接table,在table.append()完成后,
//在末尾加入固定表头代码
}

//固定表头,有固定的表头和滚动条
var vHei=$(window).height();
var v4 = (vHei-250)+“px”;
$("#tableDemo1").freezeHeader({ ‘height’: v4 });
$("#tableDemo2").freezeHeader({ ‘height’: v4 });

5.完成。

后记:
上述因为是ajax返回拼接table处理方式,如果是跳转页面用c标签填充table的话,直接用
(window).height();var v4 = (vHei-250)+"px";$("#tableDemo1").freezeHeader({ 'height': v4 });$("#tableDemo2").freezeHeader({ 'height': v4 });})参考: http://www.jq22.com/jquery-info5769在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值