Wie erstellt man eine skalierbare Tabelle in HTML mit Bildlaufleisten mit jQuery?

Question

Ich möchte eine Tabelle in HTML erstellen, die in der Größe veränderbare Spalten hat. Ich möchte auch Scrollbars zum Tisch, aber Header der Tabelle sollte beim Scrollen fixiert bleiben.

Bitte helfen.

Answer 1

www.tablefixedheader.com

nur eine grundlegende gültige HTML wie das folgende Beispiel erstellen. Aber beachten Sie, dass die Hierarchie sein muss:

- table > thead > tr > th 
- table > tbody > tr > td 

Example for re-sizable cols

$('#4').fixheadertable({ 
    caption  : 'My employees', 
    colratio : [50, 150, 150, 150, 220, 150], 
    height  : 200, 
    width  : 800, 
    zebra  : true, 
    resizeCol : true, 
    minColWidth : 50 
}); 

Answer 2

Ich denke, dies ist Ihre Lösung. siehe die Demo auf jsfiddle. Wenn Sie Daten vom Server laden möchten, setzen Sie savedStateLoad: true. Ansonsten ignorieren Sie den Ajax-Teil, in Ihrem Fall, nur savedStateLoad: false

die ursprüngliche Quelle des Codes ist here, dank ihnen.