HTML-таблица фиксированной ширины с прокруткой группы столбцов - возможно ли это? - PullRequest
2 голосов
/ 04 сентября 2010

Мой друг задал мне вопрос, на который я пока не смог ответить или выяснить.

Проблема в том, что он хочет создать таблицу HTML шириной 100% и множеством столбцов, из которыхпервый (или два) должен быть всегда видимым, в то время как другие должны прокручиваться, если их общая ширина больше, чем [ширина таблицы (100%) минус ширина первых двух столбцов].По его словам, на самом деле это должно быть похоже на замороженные столбцы в MS Excel.

Я пытался сгруппировать эти столбцы в группы и стилизовать вторую группу с помощью overflow: auto, но это не работает.Вместо этого таблица просто растет горизонтально, заставляя прокручивать всю страницу.

Частичным решением, которое он сам придумал, было на самом деле иметь три таблицы: одну в качестве контейнера, одну для двух статических столбцов и одну дляпрокручивая столбцы, и поместите последний в div.Однако у этого решения снова есть проблема: для того, чтобы оно работало, div нужно абсолютное значение width (указание width: 100% просто увеличивает таблицу).

Есть ли способ решить эту проблемупроблема?

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

...