прокручиваемый стол + переполнение-x

Question

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

Цель: подготовить стол с фиксированным и a с фиксированной высотой и прокруткой-y. (это было сделано)

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

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

Exemple здесь: http://codepen.io/Carine/pen/xqKDa

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

Спасибо заранее,

Answer 1

Добавить мин-ширина свойства & макс-ширина:

попробовать это:

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