jsp页面table表头固定-freezeheader

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

1.导入jquery与freezeheader的包；

2.页面中的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的话，直接用
http://www.jq22.com/jquery-info5769

jsp页面table表头固定-freezeheader相关推荐

html table表头说明,HTML table表头固定
HTML table表头固定说说我在最近项目中碰到的css问题吧,作为问题知识集合总结笔记: table tbody { display: block; height: 200px; overflo ...
table表头和首列的表格固定-JQuery、js实现的Table表头固定
这个是最简单的方法,基于jQuery的解决方案,引入一个两个js就可以解决,当然也有使用css, position: sticky,这个我下一章节会讲它的优缺点,当然为了凸显jQuery的优点, 我就 ...
JSP页面Table的数据绑定
常规绑定方式 Controller @Controller @RequestMapping(value = "/biz/plan/daily-plan") public class ...
JQuery实现的Table表头固定展示效果
在线演示1 在线演示2 在线演示3 本地下载大家可能经常需要展示数据或者报表,表头如果滚动上去后,查看数据的类别和字段是个麻烦事情,在这里我们推荐来自tympanus的一个JS实现的 table表头 ...
一眼就会table隔行换色、table表头固定、隔行色、鼠标移动行换色
抽出时间整理笔记:table头部固定.超出宽度可横向移动,主信息隔行换色.鼠标移动变色.举例: code : <!DOCTYPE HTML> <head><meta ht ...
HTML table表头固定
实现表格表头的固定,采用纯css的方式具体如下 <!DOCTYPE HTML> <html> <head> <meta http-equiv="C ...
table表头固定，底部可滚动
需求:实现table表头固定,表体可滚动思路: tbody使用display:block,固定高度,并设置over-y:scroll, thead和tr,使用display:table,使用tabl ...
table 表头固定
一.table 表头固定说明.我们将表头和表内容分成两个表格就可以解决该问题. 二.代码. css代码:里面定死的宽高只是为啦方便看效果,实际中需要使用js计算出来. * {box-sizing: b ...
java 表头固定_BootStrap的table表头固定tbody滚动的实例代码
关于bootstrap table其他知识不多说,直接给大家贴代码了. 关键代码如下所示: 栏目一栏目二栏目三栏目一栏目二栏目三星期一星期二星期三星期一星期二星期三星期一星期二星期二星期三星期一 ...

jsp页面table表头固定-freezeheader

jsp页面table表头固定-freezeheader相关推荐

最新文章

热门文章