Как правильно сверстать таблицу с фиксированной шапкой и левой боковой панелью?

Question

[Semmy_99]

Всем привет. Подскажите как правильно сверстать такую таблицу ?
У неё две боковые панели фиксированные в зависимости от скролла (вертикального или горизонтального)

В общем единственный вариант, который мне пришёл в голову это сделать шапку и левую панель отдельными элементами , а центральную панель таблицей, но в таком случае будут проблема с непропорциональностью ячеек .

Ну то есть основная проблема в моей голове возникает именно с шириной/высотой ячейки.В случае если в одной ячейке таблицы будет большой текст, то она расширится, но ячейки шапки и боковой панели об этом не будут знать...

Таблица хороша тем, что не нужно следить за шириной высотой ячеек.
Подскажите пожалуйста может есть какой-то более простой выход ?
Оранжевым я выделил панели

Answer 1

[Дмитрий Христоев]

колонка так https://jsfiddle.net/zinoui/BmLpV/
шапка так https://embed.plnkr.co/k7ipmtXkpL0MDT9KGZbc/

есть в инете общие примеры, особо не искал