Ne cesito una sugerencia para mostrar una tabla muy grande en sitio web

[sesebas]

Hola amigos,

Desarrollé una aplicación web para llamar y visualizar tablas en una página web. Las tablas las obtengo de exportarlas a html desde excel, seguro que esto no es lo mejor, pero como soy novato en esto resultó ser una buena opción... hasta que me encontré con una tabla verdaderamente grande (4000 filas/registros y 220 columnas/campos). Hay algo que me puedan sugerir para conseguirlo y optimizar el proceso de despliegue en pantalla?

Gracias por la ayuda que me puedan dar.

[hades87]

con php+html podrías ir creando la tabla dínamicamente e ir poniendo lso datos desde una base de datos. De otra forma no lo veo posible.

[sesebas]

Gracias por responder a mi petición de ayuda hades87. Ahora, eso me obliga necesariamente a disponer los datos de esa tabla en una base SQL, o tengo otra alternativa? Si tuvieses en mente algún sitio o página con contenido que me sirva de ejemplo te agradecería que me lo compartieras. Yo busqué pero, al parecer, no de la mejor manera porque no encontré nada...

[C2am]

Así es tendrías que tener una base de datos SQL, pero al tener la tabla ya hecha en excel solo la tendrías que exportar a la base de datos.
Ahora una pregunta ¿220 columnas? , ¿las tenés que mostrar a todas?.

[sesebas]

Hola C2am, gracias por responder

El usuario querrá tener la opción de desplazarse por el contenido de la tabla. Con lo que surgen, al menos, dos problemas a solucionar: Uno es el mantener visibles, fijas, la primera fila y primera columna de la tabla (y esto se me ocurre que no debe ser fácil); y Segundo habría que ver la manera de que el contenido de la tabla de muestre en un contenedor fijo... de tal manera que se llenen los datos según el desplazamiento del usuario. Se ve dificil, verdad? y no veo mucho por dónde entrarle, pero las sugerencias que me hagan terminarán afinando el modo de hacerlo, creo yo.

[C2am]

una posibilidad, sería para la primer columna ubicarla en un div con posicion fija, y lo mismo para la primer fila, y el resto de la tabla con un z-index mas bajo que se vaya ocultando bajo las anteriores.
otra es con php generar mediante algun tipo de boton " << o >>" que se recargue la página con los datos desplazados segun presione << o >>. con lo cual se puede controlar que la primera fila y la primer columna siempre se muestren.

[PatomaS]

Hola

Lo primero, y más importante, es que establezcas las dimensiones de las celdas, esto permite al motor del navegador interpretar más rápidamente el algoritmo de generación de la tabla y ganas en presentación.

Segundo, utilza thead y tfoot (y tbody), esto permitirá que en los navegadores que lo soportan, el usuario pueda hacer scroll en la tabla sin perder los encabezados que estarán en el thead y lo que hayas puesto en el tfoot.

Si ves que no te funciona en ningún navegador, peudes colocar, manual o automáticamente, encabzados cada 20 - 25 líneas en la tabla

Otra buena opción, es que separes los datos, esto es mucho más fácil si tienes los datos en una BD, pero es viable en html si no van a cambiar, de esta manera, muestras subsets de información y no una aberración de 200 columnas, que es fácil de manejar en excel, pero no en la web. De hecho, esta debería ser una de tus primeras prioridades, buscar la forma de separar los datos.

Sobre como pasarlos de excel a BD, usa la opción de exportar a csv, luego importas en tu base de datos.

Felicidad

[sesebas]

Gracias a todos lo que me aportaron sugerencias y me ayudaron a centrarme en qué necesito, nada más les puedo decir que esto se puso entretenido y me pondré a trabajar en ello. Seguro me tardaré un poco, pero asi también voy aprendiendo. Ojalá pronto pueda contarles que resultó todo bien.

Gracias de nuevo y saludos.