Es común que en nuestras webs tengamos que incluir tablas de datos, generalmente cuando tenemos un campo de texto más grande que el tamaño de la celda permitimos que éste se expanda, modificando todo el aspecto de la tabla, para poder mostrar todo el contenido.
Para evitar que la celda se expanda desencajándolo todo, podemos fijar el tamaño de la tabla y no permitir que esta se adapte a los contenidos pero cuando un contenido sea mayor que su contenedor aparecerá un incómodo scroll.
How to Display Tabular Data – A New Perspective es un artículo (en inglés) que nos enseña cómo crear una tabla cuyas celdas, en lugar de expandirse para adaptarse, utilizarán un agradable scroll con Javascript para mostrar su contenido, algo así:
Compatible con todos los navegadores.
En la última página del artículo podréis descargar el script completamente funcional con todo lo necesario en un archivo zip.
Si te ha gustado este post no olvides suscribirte al feed para estar al tanto de las novedades
Feed RSS de los comentarios de este post.
Alojado en RedCoruna Hosting
¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información
Seguir @webmasterlibre
Esto tiene varias implicaciones, incluso intuyo que no valida el código. ¿Es posible manipular el scroll con teclado?
Creo que es mejor manejar el diseño líquido y dejarnos de soluciones que le complican más la interacción al usuario.
El script es una simple aproximación, seguramente ni se podrá navegar con el teclado ni será completamente estándar pero da un poco de aire fresco a la concepción de las tablas de datos. Seguro que con algo de trabajo sobre el script puede servir a algún uso.
No obstante, coincido contigo en que el diseño líquido es la solución más adecuada actualmente.