Предисловие: ширина столбца таблицы растягивается в зависимости от содержимого. Кол-во ячеек в заголовке всегда соответствует кол-ву столбцов в теле таблицы. Ширина для thead, tbody - 100%.
Возникла проблема: ширина ячейки заголовка - равна ширине контента. Таким образом, получается что ячейка заголовка не совпадает с ячейкой столбца в теле таблицы, т.е. заголовок съезжает. Как сделать, чтобы ширина ячейки заголовка была равна ширине столбца в теле таблицы? Явно указывать ширину для ячейки заголовка - не подходит, нужно именно сделать зависимость от ширины содержимого в теле таблицы.
Структура HTML такая:
<thead>
<tr>
<th></th>
<th></th>
...
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
...
</tr>
</tbody>