Skip to content

Spalte

Eine Spalte definiert Breite und Platzierung von Inhalt innerhalb einer Zeile.

Spalten enthalten die eigentlichen Felder, Buttons, Tabellen oder anderen Komponenten, mit denen Nutzer interagieren. Eine Zeile kann eine Spalte für einen einfachen vollbreiten Abschnitt enthalten oder mehrere Spalten, um zusammengehörige Informationen nebeneinander zu platzieren.

Wann sie verwendet werden sollte

Verwenden Sie Spalten, wenn ein Bildschirm mehr Struktur braucht als einen einzelnen vertikalen Stapel von Feldern.

Spalten funktionieren gut, wenn Nutzer zusammengehörige Informationen vergleichen, eine kompakte Feldgruppe überblicken oder primäre und sekundäre Informationen visuell getrennt halten müssen. Zum Beispiel können Kontaktdetails neben Adressdetails stehen oder Planungsfelder neben Statusfeldern.

Spalten sollten einen Bildschirm leichter erfassbar machen. Wenn Nutzer Felder in einer festen Reihenfolge lesen müssen, kann ein einspaltiges Layout klarer sein.

Was konfiguriert werden kann

Inhalt

Eine Spalte enthält die Komponenten, die in ihr erscheinen.

  • Felder, Buttons, Tabellen oder andere Komponenten hinzufügen
  • Der Spalte optional einen Titel geben
  • Entscheiden, ob die Spalte eine fokussierte Gruppe oder mehrere kleinere Elemente enthalten sollte

Breite

Spalten steuern, wie viel horizontalen Raum jede Gruppe erhält.

  • Eine schmale Spalte für kurze Felder oder unterstützende Informationen verwenden
  • Eine breitere Spalte für längeren Text, Tabellen oder primäre Inhalte verwenden
  • Eine Spalte sich automatisch dimensionieren lassen, wenn der Inhalt die Breite bestimmen sollte

Einklappen

Spalten können einklappbar sein, wenn ihr Inhalt nützlich, aber nicht immer nötig ist.

  • Nutzern erlauben, eine Spalte ein- oder auszuklappen
  • Entscheiden, ob die Spalte geöffnet oder eingeklappt startet

Visuelle Trennung

Spalten können helfen, benachbarte Informationsgruppen zu trennen.

  • Einen Titel hinzufügen, um den Zweck der Spalte zu klären
  • Eine vertikale Trennlinie verwenden, wenn angrenzende Spalten eine stärkere Grenze brauchen
  • Die Titelgröße anpassen, wenn eine Spaltenüberschrift zweitrangig wirken sollte

Bedingte Anzeige

Spalten können abhängig vom Datensatz angezeigt oder ausgeblendet werden.

  • Eine Spalte ausblenden, wenn ihre Informationen nicht relevant sind
  • Detailansichten fokussiert halten, indem in der richtigen Situation nur die richtige Spalte gezeigt wird

Verwandte Komponenten