Ideas de diseño para mostrar grandes cantidades de datos en una tabla html

Question

Tengo una tabla html que literalmente tiene como 30 columnas de datos, y me está costando encuadrarla de tal forma que pueda ser visible sin masivos desplazamiento a la izquierda/derecha.

Una cosa que me preguntaba es si alguien alguna vez ha visto algo inteligente con encabezados de columna? Algunos de ellos simplemente no pueden abreviarse 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 tratar de nombrar estas columnas como INT o lo que sea, pero hay muchas columnas con nombres similares que podrían ser confusas.

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

Answer 1

Lo más probable es que el usuario tendrá un diablo de un tiempo comprender de 30 columnas de datos, independientemente de desplazamiento.

Recomendaría mostrar las columnas más fundamentales (cosas como nombre, descripción, números identificadores - cosas centrales, con suerte solo hay 10 o menos), y luego dejar que el usuario active o desactive las columnas que necesiten . Un poco como google squared.

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

Answer 2

crear imágenes para los nombres de columna y girar el texto en la imagen 90 grados. puede tener un nombre largo con anchuras igualmente pequeñas.

Josh

Answer 3

Estoy de acuerdo con la respuesta de feroces, alternar columnas 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