Горизонтальная таблица прокрутки с фиксированным первым столбцом

Question

Я хочу создать таблицу с фиксированным первым столбцом, чтобы при прокрутке пользователя по горизонтали первый столбец оставался там, где он есть, что упрощает интерпретацию данных в таблице. Я дал первый столбец position: absolute, но проблема с этим - элементы <td> не изменяются, когда контент занимает несколько строк. Как это исправить? Я бы не возражал против решения, использующего javascript для этого.

То, что я до сих пор: http://jsfiddle.net/Yw679/778/

Кроме того, было бы возможно сделать <thead> фиксированной и так, что она не выходит из поля зрения, когда пользователь прокручивает вниз, но движется с остальными столбцами когда пользователь прокручивает по горизонтали?

Answer 1

Я добавил новый столбец со стилем класса, скрытый для каждого td и th, и некоторые сложные CSS, подобные этому. Я надеюсь, что это поможет:

.style-hidden{ 
    width: 0; 
    opacity: 0; 
    display: block; 
} 

JSFiddle