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