Htmlテーブルの縦横のスクロール

Question

私は画像のようなテーブルを持っています。 縦と横のスクロールを追加する必要があります。垂直方向にスクロールしている最上行は固定し、他のすべての行はスクロールする必要があります。しかし、水平方向にスクロールしている間は、左の列を固定し、上の行を水平に移動します。 つまり、上の行は水平方向にのみ移動し、列は垂直方向にのみ移動します。 これを修正するにはどうすればよいですか？

Answer 1

解決策が見つかりました。 jsプラグインを使うことができます。 sortable_table.js、fixed_table_rc.js

$('#fixed_hdr2').fxdHdrCol({ 
    fixedCols: 1, 
    width:  "100%", 
    height: 500, 
    colModal: [ 
      { width: 50, align: 'left' }, 
      { width: 110, align: 'left' }, 
      { width: 170, align: 'left' }, 
      { width: 250, align: 'left' }, 
      { width: 100, align: 'left' }, 
      { width: 70, align: 'left' }, 
      { width: 100, align: 'left' }, 
      { width: 100, align: 'left' }, 
      { width: 90, align: 'left' }, 
      { width: 400, align: 'left' } 
    ], 
    sort: true 
});