vertical - ¿Cómo crear una tabla redimensionable en html con barras de desplazamiento usando jQuery?

table scroll vertical

Question

Quiero crear una tabla en HTML que tenga columnas redimensionables. También quiero barras de desplazamiento para la tabla, pero el encabezado de la tabla debe permanecer fijo mientras se desplaza.

Por favor ayuda.

Answer 1

Creo que esta es tu solución. ver la demostración en jsfiddle. si desea cargar datos desde el servidor, configure savedStateLoad: true . de lo contrario, ignore la parte ajax, en su caso, simplemente configure savedStateLoad: false

la fuente original del código está aquí , gracias a ellos.

Answer 2

www.tablefixedheader.com

Simplemente cree un HTML válido básico como el ejemplo a continuación. Pero tenga en cuenta que la jerarquía debe ser:

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

Ejemplo para cols re-considerable

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