zoukankan      html  css  js  c++  java
  • 固定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"});
                            });
                        });
  • 相关阅读:
    用WebStorm运行Vue项目
    秋招圆满结束
    最新的秋招进度 10月21号
    来更新一下秋招的进度~
    华为三面完进池子啦~9月17日
    C++ 迭代器失效问题
    C++类相关问题(空类、多态、重载、继承)
    C++各种变量、类型的存储位置
    写一个面试中场景题的总结
    明天要面阿里HR面了
  • 原文地址:https://www.cnblogs.com/tfeblog/p/13259138.html
Copyright © 2011-2022 走看看