jsp页面中,一个table数据有很多列,有上下左右滚动条,怎样可以表格数据横向拖动的时候,表格的前 财富值99

2016-10-14 11:04发布

自己百度 谷歌好多案例, 但是都不太符合现在的项目,现在的项目是一个table,百度案例要么是用插件,要么是两个table,但是这样改动会太大,要么是用新的div复制table的前四列,这样表格的点击事件将会失效,自己写了一个但是在ie8下面兼容性不好,拖动横向滚动条的时候,前四列会等个几秒钟才出来,滚动条拉动很拖拉。希望大家给点建议,谢谢。
以下是自己的代码:

<script> $(function() {  $(".scrolldiv").scroll(function(){             $(".selectBox").each(function() {             $(this).css("left",($(".scrolldiv").scrollLeft())+"px").css({"position":"relative"}).css({"border-right":"1px solid #bbb"}).css({"border-left":"1px solid #bbb"});             $(".selectBox:even").addClass("evenclass");              $(".selectBox:odd").addClass("oaddclass");              });         }); $(".scrolldiv").scroll(function(){             $(".xh").each(function() {             $(this).css("left",($(".scrolldiv").scrollLeft())+"px").css({"position":"relative"}).css({"border-right":"1px solid #bbb"}).css({"border-left":"1px solid #bbb"});             $(".xh:even").addClass("evenclass");              $(".xh:odd").addClass("oaddclass");              });         }); $(".scrolldiv").scroll(function(){             $(".status").each(function() {             $(this).css("left",($(".scrolldiv").scrollLeft())+"px").css({"position":"relative"}).css({"border-right":"1px solid #bbb"}).css({"border-left":"1px solid #bbb"});             $(".status:even").addClass("evenclass");              $(".status:odd").addClass("oaddclass");             });         }); $(".scrolldiv").scroll(function(){             $(".DH").each(function() {             $(this).css("left",($(".scrolldiv").scrollLeft())+"px").css({"position":"relative"}).css({"position":"relative"}).css({"border-right":"1px solid #bbb"}).css({"border-left":"1px solid #bbb"});             $(".DH:even").addClass("evenclass");              $(".DH:odd").addClass("oaddclass");              });         });     }); </script>

友情提示: 此问题已得到解决,问题已经关闭,关闭后问题禁止继续编辑,回答。
该问题目前已经被作者或者管理员关闭, 无法添加新回复
3条回答

以前写过类似的,没有用插件,手写的。有一些差别,也可以参考下。
点击查看demo

这个可以去找一下插件,http://www.17sucai.com/pins/5...,这个插件很不错

段曼 - 我很好
3楼-- · 2016-10-14 11:52

fixed或者absolute都可以实现。
设计思路,给你要固定的行和列设置class。
.class{position:abolsute}
如果覆盖了,尝试新增加一个td,用js动态添加。。

一周热门 更多>