Как установить правильную ширину для этого 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 ДИВ шире, чем окно.

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. Я бы поехал с этим, если это соответствует вашей ситуации/коду. Я думаю, что это намного проще и чище.