table第1列水平固定、垂直スクロール可能

table第1列水平固定、垂直スクロール可能
固定されている以上、まずtableの第1列に固定位置決めを加える必要があります.

#divTable >>> table tr td:nth-child(1) {
     position: fixed;}

ただし、このときtableの最初の列は上下、左右のスライドにかかわらず固定されており、明らかに需要と一致しないため、以下のコードを実行する必要があります.
次にmethodsにメソッドを追加して呼び出しやすくします

methods:{
    handleScroll () {
        var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
        console.log(scrollTop)
          $("#divTable table tr td:nth-child(1)").css("position","absolute")
      },
}

このスクロールイベントを監視する必要があります

window.addEventListener('scroll', this.handleScroll)

上記のコードは、tableがブラウザ上部からの距離を傍受していることを意味し、言い換えればページに上下スクロールイベントが発生すると、tableの固定位置決めを絶対位置決めする.
以上の論理処理スキームという機能があれば実現できる.
注:この时は注意が必要です!!!
tableがダイナミック生成なら!追加する必要があります

if($('#divTable').offset().top > 0){
    setTimeout(function () {
     
      $("#divTable table tr td:nth-child(1)").css("position","absolute")
    },50);
 }

つまり、このtableがまだ生成されていない場合、ページを下にスクロールした後、table生成後の最初の列にずれが発生する場合は、上記のコードを付ける必要があります.