Прилипание шапки таблицы — как фиксировать ширину ячеек?

Question

[Виталий Рыбченко]

Всем доброго дня.
Я уже ранее задавал вопрос о том, как вообще зафиксировать шапку таблицы при скроле - мне помогли ссылками на решения (пост тут, а за основу взял этот вариант), но у меня возникла проблема - при копировании меняется ширина полей (колонок).
Заранее ширина колонок не известна - она зависит от расширения экрана и от наличия и длины значений в ячейках.
В результате, получается вот такая история:
До прокрутки (родная шапка):

После прокрутки (дублированная шапка):


Что интересно, размер элементов (исходная шапка и вставленная) одинаковый, но смещаются именно колонки - т.е. они в данном случае в размере, чтобы уместилось внутри название.

Можно с этим что то сделать? Может есть готовые решения по работе именно с динамическими таблицами?
Все что смотрел было только для статических таблиц.

Answer 1

[gimntut]

Вы клонируете только шапку, а нужно всю таблицу. Только строки с данными должными быть скрытыми.
Либо при клонировании подсчитывайте ширину оригинальных столбцов и задавайте их жестко в клоне.

Comments

[Виталий Рыбченко]

Да, спасибо за комментарий. Только одна проблема - плохо знаю js - но видимо это уже другая история. Но направление правильное.

[gimntut]

biovr: Тогда дам совет, выложите свой вариант на jsfiddle.net , тогда желающие смогут привести его в порядок и показать, как всё делается.

[Виталий Рыбченко]

gimntut: О таком варианте не подумал! Спасибо :)