Idee di progettazione per la visualizzazione di grandi quantità di dati in una tabella html

StackOverflow https://stackoverflow.com/questions/1004096

  •  05-07-2019
  •  | 
  •  

Domanda

Ho una tabella html che ha letteralmente come 30 colonne di dati e sto facendo fatica a inquadrarla in modo tale che possa essere visibile senza un enorme scorrimento a sinistra / a destra.

Una cosa che mi chiedevo è se qualcuno ha mai visto qualcosa di intelligente con le intestazioni di colonna? Alcuni di essi non possono essere abbreviati abbastanza in basso, ma l'intestazione della colonna è simile a " Intervista " e il valore è numerico (molto spazio sprecato solo per l'intestazione). Certo, potrei provare a nominare queste colonne come INT o altro, ma ci sono molte colonne con nomi simili che potrebbero diventare confuse.

Forse una sorta di colonne a compressione automatica basate sul movimento del mouse? Non sono sicuro .. Ho solo bisogno di alcuni suggerimenti creativi su come visualizzare questi dati!

È stato utile?

Soluzione

Molto probabilmente l'utente avrà un diavolo di tempo che comprende 30 colonne di dati, indipendentemente dallo scorrimento.

Vorrei raccomandare di mostrare le colonne più fondamentali (cose come nome, descrizione, numeri identificativi - elementi fondamentali, si spera ce ne siano solo 10 o meno), e quindi consentire all'utente di attivare o disattivare le colonne di cui hanno bisogno. Un po 'come google squared .

Usa Jquery e CSS per ottenere questo risultato in modo pulito. Potrebbero esserci anche librerie dell'interfaccia utente Javascript che lo fanno per te (interfaccia utente Jquery, YUI, altri ...)

Altri suggerimenti

crea immagini per i nomi delle colonne e ruota il testo nell'immagine di 90 gradi. puoi quindi avere un nome lungo con larghezze ugualmente ridotte.

Josh

Sono d'accordo con la risposta da feroci, alternando colonne è una buona idea. Inoltre, a seconda dei dati, consiglierei di visualizzare solo alcune colonne e quando l'utente fa clic sulla riga di loro interesse, si sposta in una nuova pagina dedicata ai dati in quel record. Questo funzionerà per alcuni tipi di dati e non per altri

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top