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