Pregunta

Tengo una tabla html que literalmente tiene como 30 columnas de datos, y me resulta difícil enmarcarla de tal manera que pueda ser visible sin un desplazamiento masivo hacia la izquierda / derecha.

Una cosa que me preguntaba es si alguien ha visto algo inteligente con encabezados de columna. Algunos de ellos simplemente no se pueden abreviar lo suficiente, pero el encabezado de la columna es algo así como "Entrevista". y el valor es numérico (mucho espacio desperdiciado solo para el encabezado). De acuerdo, podría intentar nombrar estas columnas como INT o lo que sea, pero hay muchas columnas con nombres similares que podrían resultar confusas.

¿Tal vez algún tipo de columnas colapsadas automáticamente basadas en el movimiento del mouse? No estoy seguro ... ¡Solo necesito algunas sugerencias creativas sobre cómo mostrar estos datos!

¿Fue útil?

Solución

Lo más probable es que el usuario tenga un tiempo increíble para comprender 30 columnas de datos, independientemente del desplazamiento.

Recomendaría mostrar las columnas más fundamentales (cosas como el nombre, la descripción, los números de identificación, el núcleo, ojalá que solo sean 10 o menos) y luego dejar que el usuario active o desactive las columnas que necesite. Un poco como Google Squared .

Use Jquery y CSS para lograr esto de una manera limpia. También puede haber bibliotecas de IU de Javascript que hagan esto por usted (Jquery UI, YUI, otras ...)

Otros consejos

cree imágenes para los nombres de columna y gire el texto en la imagen 90 grados. luego puede tener un nombre largo con anchos igualmente pequeños.

Josh

Estoy de acuerdo con la respuesta de las columnas feroces, que alternan es una buena idea. Además, dependiendo de los datos, recomendaría que solo se muestren algunas columnas, y cuando el usuario hace clic en la fila que le interesa, se mueve a una nueva página dedicada a los datos en ese registro. Esto funcionará para algunos tipos de datos y no para otros

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top