zoukankan      html  css  js  c++  java
  • 表格固定列固定表头插件结合css3

    /*20170628固定表格列*/
    ;(function($){
    $.fn.Scrollhanle=function(set){
    var opt=$.extend({
    size:3
    },set||{});
    return this.each(function(){
    var sleft=$(this);
    var $color='#FFF';
    var $headtr=sleft.find('thead>tr');
    var $tbody=sleft.find('tbody tr');
    sleft.scroll(function(){
    var scrollTopval=sleft.scrollTop();
    var scrollLeftval=sleft.scrollLeft();
    $headtr.css('background',$color)[0].style.transform='translateY('+scrollTopval+'px)';
    if(scrollLeftval>=0){
    $tbody.each(function(e){
    $color2=$(this).css('background-color');
    $(this).children('td').slice(0,opt.size).each(function(index){
    $headtr.children('th').eq(index).css('background',$color)[0].style.transform='translateX('+scrollLeftval+'px)';
    $(this).css('background',$color2)[0].style.transform='translateX('+scrollLeftval+'px)';
    })
    })
    }
    })
    
    })
    
    }
    })(jQuery)
     
    

      

  • 相关阅读:
    适配器
    策略
    oom的各种情况
    sql 优化//TODO
    聚簇索引和非聚簇索引
    Shard内部原理
    es集群健康状态
    转载 R语言颜色基础设置
    三维数据的展示
    python 文件保存 出错
  • 原文地址:https://www.cnblogs.com/chenglideyueguang/p/7088496.html
Copyright © 2011-2022 走看看