Как правильно зафиксировать столбец в таблице?

Question

[InqSEO]

Добрый день.
Прошу помочь с решением возникшей проблемы.
Зафиксировал 1ый столбец в таблице, чтобы при горизонтальном скролинге - он оставался на месте. Но, появляется проблема, если содержимое в других ячейках больше:

Таблица тут
Как можно исправить данную проблему?
ps: Желательно, без изменения кода таблицы.

pss: Решение в комментах

Comments

[KononovD]

Как можно исправить данную проблему?

не использовать

[InqSEO]

KononovD, Да вы просто гений... Как я сам не догадался!?

[KononovD]

InqSEO, берете гриды и пилите самопальную таблицу из дивов, ею пользоваться проще

[Шохрух Шаймардонов]

KononovD, к сожалению не соглашусь с вами. Если бы автору было необходимо всего-лишь визуализировать данные, то ваш метод бы подошел, но как тут видно там реально табличные данные. Поэтому придется плясать с table

[Шохрух Шаймардонов]

ps: Желательно, без изменения кода таблицы.

Нет кода, нет изменений. Для начала предоставьте его.

[KononovD]

Шохрух Шаймардонов, не находите, что фраза

всего-лишь визуализировать данные

никак не связана с

реально табличные данные

?) кто вообще это определяет? данные реально табличные, или нереально табличные? Так что ваше возражение не смогло поменять мое мнение)
Можем подискутировать немного

[Сергей c0re]

не знаю что у вас там вылазит.... и почему... могли бы свой код на jsfiddle закинуть, в инспекторе как-то не очень ковыряться...

вот таблица и ничего никуда не едет.


откройте - Edit in JSFiddle, сделайте область страницы уже.

[Сергей c0re]

InqSEO, у вас какая-то проблема в стилях.
если таблицу вынести за див(ы) то все норм )
что-то вы там перемудрили со стилями...

[Сергей c0re]

KononovD, ну и посмотрите мой пример. там заголовки, включая сверху, снизу и слева, все th

[InqSEO]

Помогли решить проблему через JS, может кому пригодится:

$('.table-2 tr').each(function(){
    var td = $(this).children();
    var h = $(td[1]).height();
    $(td[0]).height(h);
});

[Сергей c0re]

InqSEO, мда... костыль :)