Прокручиваемая таблица + переполнение-х

Question

В настоящее время я тестирую несколько вариантов поведения элемента, и один из них особенно сложен.

Задача: подготовить таблицу с фиксированной и с фиксированной высотой и прокруткой-у. (это было сделано)

Ограничение: таблица огромна и выходит за пределы окна браузера (поэтому видна только при горизонтальной прокрутке в браузере).

Проблема: когда таблица выходит за пределы окна браузера, указанные ширины больше не в порядке и не выровнены по вертикали с.

Пример здесь: http://codepen.io/Carine/pen/xqKDa

Как вы думаете? Сталкивались ли вы с этой проблемой раньше?

Заранее спасибо,

Answer 1

Добавьте свойства min-width и max-width:

попробуй это:

th, td {
  width: 160px;
  max-width:160px;
  min-width:160px;  
}