Сейчас я делаю две таблицы: одну для заголовков и одну для данных, в сочетании с table-layout:fixed и фиксированной шириной для каждого столбца.
Мне не нравится это решение, так как мне приходится постоянно настраивать ширину, и они выглядят не так хорошо, как автоматически настраиваемые таблицы, которые вы получаете, когда макет таблицы не фиксирован.
Я также рассматривал JS-решение, в котором таблица данных выложен, затем JS выбирает ширину каждого столбца и применяет ее к таблице заголовков. Преимущество этого заключается в гибкой настройке ширины td, определяемой содержимым. Проблема в том, что содержимое таблицы может изменяться динамически, и JS-скрипт должен знать это, чтобы пересчитать ширину... фу.
Есть ли лучший способ сделать это?
Подробнее здесь: https://stackoverflow.com/questions/335 ... cky-header