Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/454.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 表头固定宽度的JS代码必须等于TD宽度_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 表头固定宽度的JS代码必须等于TD宽度

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

固定在卷轴上的标题工作正常。但是我想要的

标题TH应等于正文TD。

你现在可以看到两个都有不同的宽度。 如果问题不清楚,请告诉我。我不想使用任何其他JS库或插件

(函数($){
$.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);
});