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

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

www.tablefixedheader.com

Basta con crear 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 

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

pienso, esta es tu solución. vea el Demo en jsfiddle. si desea cargar datos del servidor, configure savedStateLoad: true. de lo contrario, ignore la parte ajax, en su caso, simplemente configure savedStateLoad: false

la fuente original del código es here, gracias a ellos.