固定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