欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js 固定表头及固定列的js

程序员文章站 2022-04-13 15:27:07
//给table 外层加一个div然后将divid传入方法,arr是一个数组里面填写需要固定的列数function fixedCol(arr,divId){ var colArr = arr || []; colArr.forEach(function(val){ $("#"+divId).scro ......
//给table 外层加一个div然后将divid传入方法,arr是一个数组里面填写需要固定的列数
function fixedcol(arr,divid){
var colarr = arr || [];
colarr.foreach(function(val){
$("#"+divid).scroll(function(){
var left = $("#"+divid).scrollleft(); // 获取盒子滚动距离
var trs = $("#"+divid+" table tr"); // 获取表格所有的tr
// 获取每一行下面的td或者th,设置相对定位,偏移距离为盒子滚动的距离即 left
trs.each(function(i){
$(this).children().eq(val).css({"position":"relative","top":"0px","left":left,"background":"white"});
});
});
});
}

#spmx{
position: relative;
background: #fff;
z-index: 4;
}
#reydiv{
z-index: 3;
}

$(document).ready(function(){
fixedcol([0,1,2],"spmx");

});