it-swarm.com.de

Benötigen Sie ein besseres Layout, damit Leerzeichen genutzt werden können

(enter image description here

Hier - Ich möchte nicht für alle Themen dieselbe ID, denselben Vor- und Nachnamen wiederholen, daher habe ich Erweiterungsschaltflächen verwendet. - Dieser Ansatz reduziert die Anzahl der Zeilen, die sichtbar sind, wenn sich alle Zeilen in einem reduzierten Zustand befinden, erheblich.

Aber hier ist ein Nachteil, dass ich, wenn die Anzahl der Themen 10 beträgt, viel freien Platz lasse (mit rotem Rand markiert). Brauche also eine bessere Lösung für dieses Problem. Popup ist einer der Ansätze, aber ich würde einen besseren Ansatz bevorzugen.

15
Parag Bandewar

Versuchen Sie vielleicht, die Bewertungsinformationen als Unterüberschrift unter der Zeile des Schülers anzuzeigen, wenn Sie sie erweitern? Etwas wie das.

(enter image description here

Sie sollten darauf achten, die Unterüberschriften stilistisch zu entfernen, damit sie offensichtlich Teil der erweiterten Zeile sind und eher wie der Beginn einer neuen Tabelle aussehen.

27
Jim

Jims Antwort optimieren ...

(Tweak jim

... etwas mehr Unterscheidung hinzufügen. Boxen in der untergeordneten Tabelle, vertikale Linien, die Spalten trennen, anstatt horizontal wie in der übergeordneten Tabelle.

.

Inspiriert von Tonnys Kommentar, hier einige eingerückte Beispiele für Ihre Überlegung:

(indent 1

(indent 2

(indent fav

21
bloodyKnuckles

Ein bisschen sauberer und den Vorschlägen von @Bergi und @CoDEmanX folgend.

(enter image description here


Original:

Wenn Sie eine Zeile erweitern, haben Sie Folgendes:

(enter image description here

Da die ID, der Vor- und Nachname allen Probanden gemeinsam ist, werden die Informationen in jeder Zeile wiederholt.

Eine Möglichkeit, das Wiederholen dieser allgemeinen Felder zu verhindern und das Tabellenlayout nicht zu ändern, besteht darin, ein einzelnes Feld zu verwenden, das mehrere Spalten darstellt . Um die Klarheit zu verbessern, schlage ich vor, jedem Element die Ränder hinzuzufügen.

(enter image description here

9
Alvaro