Table

Die Table zeigt Daten in Zeilen und Spalten. Sie hilft dabei, Informationen schnell zu überblicken und Einträge zu vergleichen.GitHubMarkdown
NameTypeDefaultDescription
colorprimary | accent | secondary | dangerprimaryThe color of the button
variantplain | solid | softsolidThe variant of the button
sizem | smThe size of the button

Grundlagen

Best practices

Achte bei der Verwendung einer Table darauf, dass ...

  • die Anzahl der Spalten so gering wie möglich gehalten wird, damit das Scannen einfach bleibt.
  • Spaltenüberschriften kurz, eindeutig und prägnant formuliert sind.
  • nicht mehrere Informationen in einer Zelle dargestellt werden.
  • Zahlen, insbesondere Geldbeträge oder Zeitwerte, rechtsbündig angezeigt werden, um Vergleichbarkeit zu fördern.

Verwendung

Verwende eine Table, um ...

  • große Datenmengen klar strukturiert, übersichtlich und leicht vergleichbar darzustellen (z. B. Userlisten, Rechnungsübersichten).
  • Spaltenweise konsistente Inhalte (z. B. Preis, Status, Datum) schnell erfassbar zu machen.

Auf dieser Seite