Vue datatable заголовок таблицы нефиксированных событий горизонтальной прокрутки

Question

У меня есть требование исправить заголовки таблицы данных vue при вертикальной прокрутке и отменить фиксацию при горизонтальной прокрутке на странице Visualforce

В настоящее время, используя плавающий плагин, я могу исправить заголовки при вертикальной прокрутке. Но он также сохраняет фиксированные заголовки на горизонтальной прокрутке. Есть ли какой-нибудь хитрый путь через апекс или javascript для меня, чтобы достичь этого?

 $(document).ready(function () {
        var $table = $('.maintable table');       
         $table.floatThead({
              scrollContainer: function ($table) {

                    return $table.closest('.maintable');                   
                }               
             });                     
   });

Я нашел ниже код JQuery для идентификации события прокрутки. Но запутался в том, как его использовать. Может кто-нибудь помочь с выходом? Тип события прокрутки

 var prevLeft = 0;
    $('#content').scroll( function(evt) {
        var currentLeft = $(this).scrollLeft();
        if(prevLeft != currentLeft) {
            prevLeft = currentLeft;
            console.log("I scrolled vertically.");
        }
    });