Vertikale und horizontale Scroll in HTML-Tabelle

Question

Ich habe eine Tabelle wie im Bild gezeigt. Ich muss vertikale und horizontale Schriftrollen hinzufügen. Beim vertikalen Scrollen Die obere Zeile sollte fixiert sein und alle anderen Zeilen sollten scrollen. Beim horizontalen Scrollen sollte die linke Spalte jedoch fixiert sein, und die obere Zeile wird horizontal verschoben. Mit anderen Worten, die obere Zeile wird nur horizontal und die linke Spalte nur vertikal verschoben. Wie kann ich das beheben?

Answer 1

Ich fand eine Lösung. Wir können js plugin verwenden. 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 
});