Как сделать первый и второй столбцы таблицы липкими

у меня есть div со свойством

<div id="_body_container" style="height: 500px; overflow-x: auto; overflow-y: auto; ">
</div>`

внутри этого div у меня есть таблица , которая имеет класс views-table , эта таблица имеет 100% ширину, что делает ее родительский div: _body_container прокручиваемым. Я хочу исправить первый и второй столбцы этой таблицы закреплены на своих позициях, в то время как события прокрутки влево и вправо происходят для структуры _body_container

, как: