Javascript 表头固定宽度的JS代码必须等于TD宽度
固定在卷轴上的标题工作正常。但是我想要的 标题TH应等于正文TD。 你现在可以看到两个都有不同的宽度。 如果问题不清楚,请告诉我。我不想使用任何其他JS库或插件Javascript 表头固定宽度的JS代码必须等于TD宽度,javascript,jquery,html,css,Javascript,Jquery,Html,Css,固定在卷轴上的标题工作正常。但是我想要的 标题TH应等于正文TD。 你现在可以看到两个都有不同的宽度。 如果问题不清楚,请告诉我。我不想使用任何其他JS库或插件 (函数($){ $.fn.headerFixed=函数(topOffSetVal、fTableID、topPosition){ var tableWidth=$('#'+fTableID).width(); $(窗口)。滚动(函数(){ if($(this).scrollTop()>topOffSetVal){ $(“#”+fTab
(函数($){
$.fn.headerFixed=函数(topOffSetVal、fTableID、topPosition){
var tableWidth=$('#'+fTableID).width();
$(窗口)。滚动(函数(){
if($(this).scrollTop()>topOffSetVal){
$(“#”+fTableID+'>thead').css({'position':'fixed','top':topPosition+'px','margin-left':'0px','width':tableWidth+'px');
}否则{
$(“#”+fTableID+'>thead').removeAttr('style'))
}
});
$(窗口)。调整大小(函数(){
tableWidth=$('#'+fTableID).width();
$(“#”+fTableID+'>thead').css({'position':'fixed','top':topPosition+'px','margin-left':'0px','width':tableWidth+'px');
});
};
})(jQuery);
$(文档).ready(函数(){
$('myID').headerFixed(400,'myID',0);
});代码>
.table tr、.table td{
边框:0.1px实心#ddd;
}
.餐桌{
背景:#C00;颜色:#FFF;
}
Sr#
地图
码号
名称
区域
码头
地址
访问信息
容量
时机
网状物
拍卖
1.
3453
测试名称
神奈川
克托约
这里是测试地址,地址
访问信息在这里访问信息在这里
5600
晚上80:50
对
1.
3453
测试名称
神奈川
克托约
这里是测试地址,地址
访问信息在这里访问信息在这里
5600
晚上80:50
对
1.
3453
测试名称
神奈川
克托约
这里是测试地址,地址
访问信息在这里访问信息在这里
5600
晚上80:50
对
1.
3453
测试名称
神奈川
克托约
这里是测试地址,地址
访问信息在这里访问信息在这里
5600
晚上80:50
对
1.
3453
测试名称
神奈川
克托约
这里是测试地址,地址
访问信息在这里访问信息在这里
5600
晚上80:50
对
1.
3453
测试名称
神奈川
克托约
这里是测试地址,地址
访问信息在这里访问信息在这里
5600
晚上80:50
对
1.
3453
测试名称
神奈川
克托约
这里是测试地址,地址
访问信息在这里访问信息在这里
5600
晚上80:50
对
1.
3453
测试名称
神奈川
克托约
这里是测试地址,地址
访问信息在这里访问信息在这里
5600
晚上80:50
对
1.
3453
测试名称
神奈川
克托约
这里是测试地址,地址
访问信息在这里访问信息在这里
(function ($) {
$.fn.headerFixed = function (topOffSetVal,fTableID,topPosition) {
var tableWidth = $('#'+fTableID).width();
$(window).scroll(function(){
if($(this).scrollTop() > topOffSetVal){
$("#"+fTableID+' > thead').css({'position':'fixed','top':topPosition+'px','margin-left':'0px','width':tableWidth+'px'});
}else{
$("#"+fTableID+' > thead').removeAttr('style')
}
});
$( window ).resize(function() {
tableWidth = $('#'+fTableID).width();
$("#"+fTableID+' > thead').css({'position':'fixed','top':topPosition+'px','margin-left':'0px','width':tableWidth+'px'});
});
};
})(jQuery);
$(document).ready(function(){
$('#myID').headerFixed(400,'myID',0);
});