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

自己百度 谷歌好多案例， 但是都不太符合现在的项目，现在的项目是一个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:优艾设计网_PS论坛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>

---

王勇 优艾设计网_电脑技术 7小时前

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

---

360U2763761352 优艾设计网_Photoshop问答 7小时前

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

---

E23****25 7小时前

优艾设计网_设计百科

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

---