首页 > 代码库 > 表格固定列固定表头插件结合css3
表格固定列固定表头插件结合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)
表格固定列固定表头插件结合css3
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。