Vue数据表水平滚动事件取消固定表标题

Question

我需要在垂直滚动中修复vue数据表标题，并在Visualforce页面中水平滚动时取消固定。

当前，使用floattable插件，我可以在垂直滚动中修复标题。但是，它还可以将标头固定在水平滚动上。有没有通过apex或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.");
        }
    });