2009-06-16 10 views
5

J'ai une table html qui a littéralement 30 colonnes de données, et j'ai du mal à la cadrer de manière à ce qu'elle soit visible sans être massive défilement gauche/droite. Une chose que je me demandais est si quelqu'un a déjà vu quelque chose d'intelligent avec les en-têtes de colonne? Certains d'entre eux ne peuvent tout simplement pas être abréviés assez bas, mais l'en-tête de colonne est quelque chose comme "Interview" et la valeur est numérique (beaucoup d'espace gaspillé pour l'en-tête seul). Certes, je pourrais essayer de nommer ces colonnes comme INT ou autre, mais il y a beaucoup de colonnes portant le même nom qui pourraient prêter à confusion.Idées de conception pour afficher de grandes quantités de données dans une table html

Peut-être une sorte de colonnes de réduction automatique basées sur le mouvement de la souris? Pas sûr ... J'ai juste besoin de quelques suggestions créatives sur la façon d'afficher ces données!

Répondre

6

Très probablement l'utilisateur aura un diable d'un temps de 30 colonnes de comprendre les données, quel que soit le défilement. Je recommanderais de montrer les colonnes les plus fondamentales (des choses comme le nom, la description, les numéros d'identification - des trucs de base, j'espère qu'il n'y en a que 10 ou moins), et de laisser l'utilisateur activer ou désactiver les colonnes dont il a besoin . Un peu comme google squared.

Utilisez Jquery et CSS pour accomplir cela de manière propre. Il peut également y avoir des bibliothèques Javascript UI qui le font pour vous (interface utilisateur JQuery, YUI, autres ...)

+2

les graphiques et autres visualisations peuvent également aider énormément. – jlarson

+1

+1 pour cette réponse. Cela vaut aussi probablement la peine d'obtenir des commentaires d'utilisateurs sur un prototype quelconque pour s'assurer que la solution fonctionne pour les personnes qui l'utiliseront. Il peut également générer des idées et des réglages supplémentaires pour que vous puissiez travailler. –

+0

Le composant datable de YUI peut faire des colonnes basculables. –

1

créer des images pour les noms de colonnes et faire pivoter le texte dans l'image de 90 degrés. vous pouvez alors avoir un nom long avec des largeurs également petites.

Josh

0

Je suis d'accord avec la réponse de colonnes féroces, basculer est une bonne idée. En outre, selon les données, je recommanderais seulement d'avoir quelques colonnes affichées, et lorsque l'utilisateur clique sur la ligne qui l'intéresse, il se déplace vers une nouvelle page dédiée aux données de cet enregistrement. Cela fonctionnera pour certains types de données et pas pour d'autres

Questions connexes