Come creare una tabella ridimensionabile in html con barre di scorrimento usando jQuery?

Question

Voglio creare una tabella in HTML che sta avendo colonne ridimensionabili. Voglio anche scorrere le barre di scorrimento ma l'intestazione della tabella dovrebbe rimanere fissa durante lo scorrimento.

Per favore aiuto.

Answer 1

www.tablefixedheader.com

Basta creare un HTML valido di base come nell'esempio qui sotto. Ma si noti che la gerarchia deve essere:

- 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

penso, questa è la vostra soluzione. vedere lo Demo su jsfiddle. se si desidera caricare i dati dal server, impostare savedStateLoad: true. altrimenti ignori la parte ajax, nel tuo caso, imposta semplicemente savedStateLoad: false

la fonte originale del codice è here, grazie a loro.