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 ​