Anzeigen / Formatierung Tabellendaten (web)

Question

In meinem Beispiel habe ich eine Tabelle, in der jede Zeile ein Benutzer zum Beispiel ist. Spalten könnte ihren Namen, Adresse, E-Mail-Adresse usw. ich jetzt brauche eine Spalte für (hypothetische Beispiel) ihre Katzennamen hinzuzufügen. Während die meisten Menschen keine Katzen haben und einige Leute 1- 2 Katzen haben es die gelegentliche Person mit 20 Katzen, die eine sehr lange Zeile in der Tabelle erstellen. Das gibt mir ein Problem in der Darstellung und zur Filterung / Suche nach Katzennamen. Gibt es eine gute Lösung, um diese Art von Daten angezeigt wird?

Answer 1

Haben Sie die ersten 50 (oder was auch immer) Zeichen des Feldes als normal angezeigt dann den Rest mit seiner Sicht in einem Block setzen durch CSS auf versteckt. Fügen Sie einen Link / Button / Symbol, das der Benutzer ermöglicht, die Sichtbarkeit zu wechseln, so dass sie den gesamten Wert sehen können.

Answer 2

Mehrere Optionen:

1. Stellen Sie eine maximale Breite für die Zelle und lassen Sie die Daten wickeln
2. Stellen Sie den Inhalt in einem Wrapper-Tag (wie ein div) und stellen Sie die div mit einer festen Breite / Höhe und die Art des Überlaufes: versteckt, um sicherzustellen, dass ein besonders langes Wort Kraft nicht aus, die Breite der Zelle.
3. Kürzt den Ausgabetext auf der Serverseite

Für die Fälle, # 2 und # 3, stellen Sie das Titel-Attribut des TD-Tages den vollen nicht abgeschnitten Text enthält. Dies wird sich als Tooltip präsentieren, wenn sie über der Zelle schwebt.

Ich würde schweigen von anderen CSS-basierten Lösungen, aber sie sind sehr dünn jetzt unterstützt, so dass nicht die Rede wert.

Answer 3

Vielleicht möchten Sie versuchen, so etwas wie das tun, was SO tut. Das heißt, sobald jemand einen bestimmten Punkt in ihrer Rep erreicht, Suffixe es die Anzahl und appromixates es. Ex. 10k statt 10.236.

Auf diese Weise der Zahlen nicht aus der Hand.