Как в HTML зафиксировать левые колонки (4-6), а для остальных скролл?

Question

[vism]

Мне нужно просто в существующей таблице зафиксировать несколько левых колонок. Чтоб поддерживался горизонтальный и вертикальный скролл.
Пересмотрел кучу всего. В основном это JS плагины для таблиц, которые нельзя просто подрубить к существующей таблице, а нужно пускать данные через них.
Либо css правила которые тупо не работаю. то вертикально колонка вылазит за границы. То какая-то дичь с отступами.

Может есть у кого-то рабочий вариант верстки?

Answer 1

[Вадим Белкин]

Посмотрите тут, пример 2.2, может какой-то другой вариант подойдет

Answer 2

[Артём Ведищев]

Как вариант
https://jsfiddle.net/ns3vh615/7/