固定table第一行第一列


//固定第一行和第一列
$(".packpro_div").scroll(function(){//给table外面的div滚动事件绑定一个函数
                    var left=$(".packpro_div").scrollLeft();//获取滚动的距离
                    var top=$(".packpro_div").scrollTop();//获取滚动的距离
                    var trs=$(".packpro_div table tr");//获取表格的所有tr 
                    trs.each(function(i){//对每一个tr(每一行)进行处理
                    //获得每一行下面的所有的td,然后选中下标为0的,即第一列,设置position为相对定位
                    //相对于父div左边的距离为滑动的距离,然后设置个背景颜色,覆盖住后面几列数据滑动到第一列下面的情况
                    //如果有必要也可以设置一个z-index属性
                        if(i==0){
                            $(this).children().css({"position":"relative","top":top,"background-color":"rgb(134,147,243)",border:"1px solid gray",color:"white"});
                        }
                        $(this).children().eq(0).css({"position":"relative","left":left,"background-color":"rgb(134,147,243)",border:"1px solid gray",color:"white"});
                        });
                    });


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM