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 
});