web-dev-qa-db-fra.com

Pouvez-vous indiquer de bons exemples de présentation de grands tableaux en ligne

Je veux dire de grandes tables, et pas seulement des rangées. Tableaux croisés complets (pensez à 20 lignes et 30 colonnes, le genre de chose que vous ne voyez généralement pas sur les sites Web, car ils sont difficiles à présenter. Il n'y a pas la possibilité de ne pas les afficher dans cette taille. J'ai besoin d'exemples où les gens ont pris une grande table et ont présenté afin qu'un utilisateur puisse naviguer rapidement dans la table.

1
The Question

La feuille de calcul Google Documents est une belle mise en œuvre.

0

certaines fonctionnalités de la bibliothèque DataTables sont le défilement vertical et le gel d'une colonne: http://datatables.net/extras/fixedcolumns/

Plugin Wordpress: http://wordpress.org/extend/plugins/wp-table-reloaded/

Mises à jour:

  1. Tables statiques: je vois que NYTimes a un excellent exemple d'amélioration de l'utilisabilité d'une grande table: http://www.nytimes.com/interactive/2010/11/07/weekinreview/20101107-detailed-exitpolls.html
  2. "Listes élastiques" de mon commentaire ci-dessous: j'ai remarqué que l'auteur les a publiées en tant que bibliothèque open source, voir http://well-formed-data.net/archives/510/elastic-lists-revisit -open-source
  3. Filtrage complexe: Tableau Public a quelques bons exemples:
2
Vera

Je suis assez fan de Sparklines pour réduire les grandes tables dans des formats facilement lisibles.

Un exemple est ici (Source) :

enter image description here

Consultez également la page Wiki pour Sparklines

1
JonW

Je ne peux pas vous donner d'exemples sur le Web, mais les tableurs ont résolu votre problème avec les "panneaux de congélation". Vous pouvez ajouter des fonctionnalités pour figer les colonnes et/ou les lignes. Cela donne aux utilisateurs le choix de ce qu'il faut voir dans le tableau.

Et si vous vous sentez Xtreme, vous pouvez ajouter plusieurs couches de volets de congélation afin que vos utilisateurs puissent voir les lignes 1, 35, 99 et 156 côte à côte, et les colonnes 1, 56 et 178 côte à côte: une belle matrice 4x3 . :)

En ce qui concerne les contrôles, ce serait génial si les utilisateurs pouvaient faire glisser des lignes noires épaisses à partir des marges de page gauche/droite et haut/bas et les déposer sur un séparateur de ligne/colonne pour figer les colonnes vers la gauche/droite ou les lignes au-dessus/en dessous.

Bonne chance.

0
Pablo