Cosas web, algunas úles, algunas buenas.
Fushioko, tiendas de productos de Asia

jueves, marzo 02, 2006

Tablas con cabecera estática

Algo que considero bastante importante a la hora de mostrar datos, es que las tablas no ocupen toda la página. Normalmente cuando se consulta la información, a no ser que sea un estudio profundo, no se suelen ver más que las primeras filas. Entonces, ¿por qué mostrar todos los datos?, no se trata de solo mostrar los primeros registros (que se podría hacer mediante paginación), sino de usar el scroll para poder ver el resto de los datos si es que nos interesan.

Por supuesto que la mejor forma que he visto para realizar esto es en: Pure CSS Scrollable Table with Fixed Header, pero debido a las diferencias entre navegadores, la CSS no está muy clara. Como no todo el mundo (y yo el primero) tiene la facilidad para hacer la tabla cuando quiera sin tener que ver como lo hacen en la página anterior, voy a intentar explicar una forma un poco más sencilla (aunque menos limpia) de hacerlo.

5 Comentarios:

  • Muy buena alternativa para desplegar una lista de datos sin tener que paginar. Gracias che.

    Por Anonymous maxi, a las 3/02/2006 09:34:00 p. m.  

  • De nada, aunque la verdad es mejor la que pongo en el enlace (Pure CSS...), pero también es un poco rebuscado.

    Por Anonymous Luis, a las 3/02/2006 11:50:00 p. m.  

  • Disculpame la pregunta, pero por más que intento, no puedo pegar una tabla como esa en mi blog de blogger.. no sé por qué. Creo que no me toma en los post los códigos css o javascript.

    Sino.. cómo puedo solamente poner un campo con Scroll, me imagino que es más facil.

    Gracias por todo.

    Por Blogger Con el viento, a las 3/09/2007 04:22:00 a. m.  

  • Hola, no deberías tener problemas, solo mira el código fuente del ejemplo y copia los estilos en la plantilla de blogger.

    Saludos

    Por Anonymous Luis, a las 3/09/2007 08:26:00 a. m.  

  • Great post! I want to see a follow up to this topic

    order cialis

    Por OpenID levicold, a las 5/04/2011 01:49:00 a. m.  

Publicar un comentario

<< Inicio