Jquery将表的宽度设置为等于td的宽度

时间:2018-04-26 11:03:03

标签: jquery

我在这里有一个codepen - https://codepen.io/mt-ttmt/pen/OZRpdP

它是一个简单的表格,滚动时带有粘性标题

使用position:fixed;修复标题。这将删除th的宽度

我想设置宽度,以便它们与td&#39>相同

如何循环浏览并设置宽度与td&#39>相同

$(function () {

    $(window).scroll(function () {

        var theadHeight = $(".js-table-thead").outerHeight();
        var tablePos = $(".js-table").offset().top;

        if ($(window).scrollTop() > tablePos) {
            let stickyPos = ($(this).scrollTop() - tablePos);
            $(".js-table-thead tr").addClass('fixed');

            var th = $('.js-table-thead th');
            var td = $('.js-table-tbody td');

            th.each(function(index){
              $(this).width() = td.width();        
            })


        } else {
            $(".js-table-thead tr").removeClass('fixed');
        }
    });
});

0 个答案:

没有答案