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"});
                            });
                        });
  • 相关阅读:
    算法练习--ABCD*E=DCBA
    Android实现炫酷SVG动画效果
    swift -NavigationController,代理传值
    交换机的原理及其配置(一)
    NOI2015 题解
    实现存储过程详解
    数据流图(DFD)画法
    SQL SERVER 常用字符类型的区别
    数据库常见面试题集锦,数据库面试题,数据库练习题
    Django自定义模型(model)中的字段标签
  • 原文地址:https://www.cnblogs.com/tfeblog/p/13259138.html
Copyright © 2011-2022 走看看