Как выровнять ширину ячеек в таблице?

Question

[Александр Дашков]

Доброго времени суток!
Суть вопроса такова, есть большая таблица задача состоит в том, чтобы сделать фиксированными верхнюю строку таблицы при скроллинге по вертикали и левый столбец при скроллинге по горизонтали.

Осуществляю задачу с помощью 'fixed'. Проблема состоит в том, что при добавлении данного атрибута, меняется ширина ячеек у thead и они перестают совпадать с tbody. Как возможно выровнять эту ширину?

Жестко задавать размерность не подходит, т.к. из-за разного размера данных в таблице резко увеличится ее размер.
Гугл толкового ответа не сказал.
Предполагаю, что нужно копать в сторону JS/jQuery, но куда именно, не знаю.
Спасибо.

Comments

[Facetrollex]

копни сюда api.jquery.com/scroll

Answer 1

[iDevArtem]

Вот наговнокодил немного...
Сыровато, но если доработать, то можно использовать

Comments

[Александр Дашков]

Спасибо, жаль, что я уже наговнокодил по другому пути :)

Answer 2

[Иван Беленков]

а не подойдёт вариант задать каждому столбцу класс и через JQuery выравнивать ширину по самому широкому элементу?

Comments

[Александр Дашков]

только если каждому столбцу задавать свой класс, чтобы избежать увеличения размеров таблицы, но я считаю, что это hardcode, хотелось бы найти более элегантное решение