TIP HTML: Tabla scrollable con columnas y filas fijas

En el proyecto en el que estoy trabajando, el mismo que a duras penas me deja tiempo para blogear, tengo como requerimiento mostrar una tabla HTML con la cabecera y la columna izquierda fijas, de tal modo que el resto de la tabla sea “scrollable”. Algo de este tipo:

tabla

Siguiendo mi política de no reinventar la rueda, he estado investigando el mejor modo de hacerlo y he encontrado dos soluciones un tanto artificiosas pero apañadas:

  1. http://www.cubido.at/Default.aspx?tabid=176&EntryID=8
  2. http://saloon.javaranch.com/cgi-bin/ubb/ultimatebb.cgi?ubb=get_topic&f=20&t=009273

Tras probar ambas y alguna otra aproximación, finalmente he optado por la segunda opción dado que apenas requiere de Javascript y funciona tanto en Firefox como en Explorer.

3 Responses to “TIP HTML: Tabla scrollable con columnas y filas fijas”


  1. 1 Carlos abril 30, 2009 a las 23:17

    Utilísimo y fácil de implementar (más no de programar, así que gracias al que hizo el código)

  2. 2 fabian mayo 12, 2009 a las 19:18

    esta muy bien pero al cargar la informacion se tarda mucho esto como podre solucionarlo

  3. 3 oscar enero 20, 2011 a las 00:16

    Ok!!!
    Solo el problema de que cuando el alto de las filas no es igual se descuadra, se podria usar nowrap, pero solo en ciertos casos seria la tabla demasiado “larga”.
    Para la mayoria de casos debe de funcionar genial!!
    Buen aporte.


Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s




Add to Technorati Favorites
Clicky Web Analytics Clicky

Flickr Photos

Aljibe

luz

C1

C1

Más fotos

A %d blogueros les gusta esto: