Таблица во враппере со скроллом уходит за контент, как сделать на чистом css?

Question

[sinneren]

Вот фидл. В моём рабочем варианте вообще нет скролла, так же уехал остальной контент справа страницы. В фидле не видно часть ячеек. Происходит это, очевидно, из-за того что обёртка контента с применением
transform: translateX(0);
Отказаться от этого решения нельзя, единственным выходом вижу скриптовать, а именно вычислить ширину вьюпорта и вычесть ширину сайдбара и применить её к обертке контента. Но это плохое решение. Как сделать на чистом css?

Answer 1

[Даниил Сугоняев]

.table-responsive {width: calc(100% - 360px);}

Comments

[sinneren]

Нет. Он уходит не на всю ширину сайдбара, так что будет сильно уже нужного, это во-первых, во-вторых, а если ячеек будет меньше, то тоже не подходит.
В целом, работает нормально,если есть запас куда сужаться таблицы. А если как тут нету - то всё плохо

[sinneren]

И это выходит не одно и то же, что мой JS, тк там 100% Вьюпорта,а здесь 100% от текущей ширины блока, а она отличается, а вот если main-content самой главной и сдвинутой обёртке применить, то может сработать...
или использовать vw