You are using Internet Explorer 11 or earlier, this browser is no longer supported by this website. We suggest to use a modern browser.

UCP Pattern Library
UCP Pattern Library
UCP Pattern LibraryUCP Pattern LibraryUCP Pattern Library
  • English
  • Pattern Library
  • flexible
    • English
  • Startseite
  • Pattern nach Typus
  • Content > Text
  • Table (02_02)

Table (02_02)

Zur strukturierten Darstellung von Produktspezifikationen, Daten, Kennzahlen, etc. eignet sich das "Table"-Modul. Es wird auf Artikelseiten im Contentbereich eigesetzt und besteht aus einer Headline, dem Tabellenkopf sowie einer individuellen Anzahl an Spalten, Reihen und Zellen. Innerhalb der Zellen können verschiedene Inhalte abgebildet werden.

Table - Modulansicht

Table im Contentbereich

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten:
1. Überschrift- kleine Überschrift (optional)
- große Überschrift
- zentrierte Darstellung über dem Chart
2. Tabellenkopfdie erste oder die ersten beiden Zeilen stellen die Überschriftszeilen dar
3. Zeilen, Spalten und Zellen- Die Zeilen alternieren in ihrer Hintergrundfarbe (grau/weiß), diese wird automatisch gesetzt
- Die erste, die zweite oder beide Spalten können als Hauptspalte festgelegt werden, wodurch diese breiter dargestellt werden. Element von Zellen in Hauptspalten werden standardmäßig links ausgerichtet. Innerhalb normaler Zellen werden Inhalte standardmäßig zentriert ausgerichtet. Diese Einstellungen können angepasst werden (Standard, linksbündig oder zentriert).
- Zellen können vollkommen frei über mehrere Zeilen und Spalten hinweg miteinander verbunden werden.
- Breite und Höhe der Zellen richtet sich nach den Inhalten.
Zelleninhalte- Text (Formatierung: fett, hoch-/tiefgestellt)
- Verlinkungen (internal, external, Download, Button)
- Bilder (Bildzuschnitt: 160x85px)
- verschiedene Icons (z.B. blauer Punkt, grauer Kreis)
Das Modul besteht aus folgenden Komponenten:
1. Überschrift- kleine Überschrift (optional)
- große Überschrift
- zentrierte Darstellung über dem Chart
2. Tabellenkopfdie erste oder die ersten beiden Zeilen stellen die Überschriftszeilen dar
3. Zeilen, Spalten und Zellen- Die Zeilen alternieren in ihrer Hintergrundfarbe (grau/weiß), diese wird automatisch gesetzt
- Die erste, die zweite oder beide Spalten können als Hauptspalte festgelegt werden, wodurch diese breiter dargestellt werden. Element von Zellen in Hauptspalten werden standardmäßig links ausgerichtet. Innerhalb normaler Zellen werden Inhalte standardmäßig zentriert ausgerichtet. Diese Einstellungen können angepasst werden (Standard, linksbündig oder zentriert).
- Zellen können vollkommen frei über mehrere Zeilen und Spalten hinweg miteinander verbunden werden.
- Breite und Höhe der Zellen richtet sich nach den Inhalten.
Zelleninhalte- Text (Formatierung: fett, hoch-/tiefgestellt)
- Verlinkungen (internal, external, Download, Button)
- Bilder (Bildzuschnitt: 160x85px)
- verschiedene Icons (z.B. blauer Punkt, grauer Kreis)


Das Modul kann in folgenden Templates und Seitenbereichen eingesetzt werden:

Das Modul kann in den folgenden Seitenbereichen und Templates verwendet werden:

Startpage
stage
content
Content Page
stage
main content
right
bottom
Flexible Layout
full-width
default
default with sidebar right
sidebar
sidebar
default with sidebar left
Der blaue Bereich gibt an, dass das Modul in dieser Content Area anwendbar ist.

Vermaßte Screenshots

Table: Vermaßung Desktop
Desktop
Table: Vermaßung Tablet
Tablet
Table: Vermaßung Mobile
Mobile

Das Modul kann in folgenden Themes eingesetzt werden:

  • Internet
  • Intranet
  • Suite
Der blaue Bereich gibt an, dass das Modul in diesem Theme anwendbar ist.

So sieht das Modul aus

Table (02_02)

Beispielseite

Tabellen und Listen

Alle Module im Kapitel
  • Table 02_02
  • Organizational Chart 02_03
  • Link list 04_02
  • Anchor Links (Dropdown) 07_15
  • Anchor Navigation (sticky) 07_19
  • tk-check Übersicht alle Module

arrow-down UCP Pattern Library

  • brandfactory
  • media pool - das Digital Asset Management System für thyssenkrupp
  • CMS Login

Folgen Sie uns

  • Global Corporate Website
© thyssenkrupp AG 2023
  • Sitemap
  • Impressum
  • Rechtliche Hinweise
  • Teilen tk-share
    FacebookTwitter Email LinkedIn