Visualizzazione / formattazione di dati tabulari (web)

Question

Nel mio esempio ho una tabella in cui ogni riga è un utente per esempio. Le colonne potrebbero includere il loro nome, indirizzo, indirizzo e-mail, ecc. Ora ho bisogno di aggiungere una colonna per (esempio ipotetico) i nomi dei loro gatti. Mentre la maggior parte delle persone non avrà gatti e alcune avranno 1-2 gatti, ci sarà una persona occasionale con 20 gatti che crea una fila molto lunga nella tabella. Questo mi sta dando un problema nella presentazione e per filtrare / cercare i nomi dei gatti. Esiste una buona soluzione per visualizzare questo tipo di dati?

Answer 1

Avere i primi 50 (o qualunque altro) carattere del campo visualizzati normalmente, quindi mettere il resto in un blocco con la sua visibilità impostata su nascosta tramite CSS. Includi un link / pulsante / icona che consentirà all'utente di attivare la visibilità in modo che possano vedere l'intero valore.

Answer 2

Diverse opzioni:

1. Imposta una larghezza massima per la cella e consenti il ??wrapping dei dati
2. Posiziona il contenuto all'interno di un tag wrapper (come un div) e imposta il div con una larghezza / altezza fisse e uno stile di overflow: nascosto per garantire che una parola particolarmente lunga non elimini la larghezza della cella.
3. Tronca il testo di output sul lato server

Per i casi n. 2 e n. 3, impostare l'attributo Title del tag TD in modo che contenga il testo completo non troncato. Questo si presenterà come una descrizione comandi quando si passa sopra la cella.

Vorrei menzionare altre soluzioni basate su CSS, ma in questo momento sono scarsamente supportate, quindi non vale la pena menzionarle.

Answer 3

Potresti provare a fare qualcosa di simile a ciò che fa SO. Vale a dire, una volta che qualcuno raggiunge un certo punto nel proprio Rep, questo suffisso il numero e lo approssima. Ex. 10k anziché 10.236.

In questo modo i numeri non sfuggono di mano.