HTML таблица - столбцы фиксированной ширины и горизонтальная прокрутка

Question

Мне нужно создать таблицу HTML с фиксированной шириной столбца, скажем, 200 пикселей для каждого столбца. Если таблица превышает горизонтальную ширину области просмотра браузера, то должна быть горизонтальная прокрутка для просмотра столбцов, которые находятся за пределами экрана. Поскольку таблица динамически генерируется из базы данных, каждый раз будет неопределенное количество столбцов, поэтому общая ширина таблицы не может быть определена заранее.

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

Answer 1

У меня есть пример jsFiddle того, что возможно: прокрутка таблицы jsFiddle

Таблицы не могут прокручиваться сами по себе (потому что они никогда не переполняются), но если вы поместите обертку вокруг нее, пользователи могут прокрутитьгоризонтально (или вертикально).Однако: если вы не можете дать вашей таблице фиксированную ширину, она просто заполнит столько места, сколько сможет найти.Но это не переполняет его родителя.Даже если ячейки таблицы имеют фиксированную ширину.

Но я предполагаю, что если вы сгенерируете эти ячейки с этой шириной, вы можете рассчитать общую ширину таблицы.Используйте это значение (IE 1000px) для создания переполнения в оболочке.