Как решить проблему с фиксированной колонкой таблицы, с помощью небольшого js?

Question

[Pit]

Я использую плагин https://kingsora.github.io/OverlayScrollbars/#!overview для нестандартного скролла, это обязательно.
Далее мне нужно сделать фиксированную колонку слева в таблице, но она должна не как не ломатся, при добавлении еще ячеек или добавлении текста, должна работать идеально. Сейчас у меня получилось зафиксировать левую колонку с помощью небольшого когда внутри плагина

var instances = OverlayScrollbars(document.querySelectorAll(".fixed-column"), { 
		callbacks : {
			onScroll: function(el) { 
                scrollLeft = el.target.scrollLeft;
                $('.fixed-column .th-fixed').css({
                	'transform': 'translateX(' + scrollLeft + 'px)',
                });
            }
		},
		overflowBehavior : {
			x : "scroll",
			y : "hidden"
		},
	});

проблема в том что если двигать ползунком то все норм, а если скролить тач или пальцем по таблице, то у меня левая фиксированная колонка дергается, вы можете посмотреть даже в обычном хром на мобильной версии. ссыкла для просмотра ссылка, кто знает как решить данную проблему? Спасибо

Answer 1

[dvuzh]

Можно попробовать сделать на css, используя для левого столбца свойство: position: sticky;