如何为这个 div 设置合适的宽度？

Question

我正在构建一个个性化的表格，并且我想让带有固定标题的滚动条成为可能。我创建了一个 div，它将替换原始标题表并将被修复。

我做了一个简单的JS函数：

function resizeCol(numerocolonne){

var leng= $("tbody tr").length;
for(i=1;i<=numerocolonne; i++){
    var bigger=$('[value="1-'+i+'"]').width();
    $('[value="0-'+i+'"]').width(bigger);
}

}

计算列的宽度并设置假标题的宽度。一切都很好，除了我不知道如何正确排列假标题列和真实标题列。

不知道自己解释清楚了没有，所以这里提一句：

FIDDDLE

我不能让 #header div 比窗口宽。

Answer 1

我已经让你开始了：

resizeCol(14);


function resizeCol(numerocolonne){
    $('#datatable_pagament_invisibile thead').clone().appendTo('#header');
    var $headers = $('#datatable_pagament_invisibile th');
    $headers.each(function(index, el) {
        $('#header').width($('#datatable_pagament_invisibile').width());
        //$('#header thead th').height($('#datatable_pagament_invisibile thead').height());
        $('#header th').eq($headers.index(this)).width($(this).width());
    });
}

它采用了与你正在做的不同的方法（主要是因为你做它的方式无论如何都需要类似的工作）——它克隆 thead 并将它放在另一个 div 中，然后模仿桌子的宽度和列。

Fiddle here.

您可能还对another solution that I found posted in another similar question. 感兴趣，如果适合您的情况/代码，我会选择这个。我认为这是一个更简单、更清洁的解决方案。