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
  • Deutsch
  • Pattern Library
  • flexible
    • Deutsch
  • Home
  • Patterns by type
  • Content > Text
  • Table (02_02)

Table (02_02)

The “Table” module is well suited for displaying product specs, data, key figures, etc. It is used on article pages in the content area and consists of a headline, the table header and an individual number of columns, rows and cells. Different content can be displayed within the cells.

Table - Module view

Table in the content area

This is how the module works

The module consists of the following components:
1. Headline- small headline (optional)
- large headline
- displayed centred above the chart
2. Table headthe first or the first two lines represent the headlines
3. Lines, columns and cells- The lines alternate in background colour (grey/white), which is set automatically
- The first column, the second column, or both, can be defined as the main column, as a result of which it is displayed wider. Elements of cells in main columns are left-aligned as standard. Within normal cells, content is aligned centred as standard. These settings can be adapted (standard, left-justified or centred).
- Cells can be connected with one another completely freely across multiple lines and columns.
- Width and height of the cells is determined based on contents.
Column contents- Text (formatting: bold, superscript/subscript)
- Links (internal, external, download, button)
- Images (cropped image: 160x85px)
- Different icons (e.g. blue dot, grey circle)
The module consists of the following components:
1. Headline- small headline (optional)
- large headline
- displayed centred above the chart
2. Table headthe first or the first two lines represent the headlines
3. Lines, columns and cells- The lines alternate in background colour (grey/white), which is set automatically
- The first column, the second column, or both, can be defined as the main column, as a result of which it is displayed wider. Elements of cells in main columns are left-aligned as standard. Within normal cells, content is aligned centred as standard. These settings can be adapted (standard, left-justified or centred).
- Cells can be connected with one another completely freely across multiple lines and columns.
- Width and height of the cells is determined based on contents.
Column contents- Text (formatting: bold, superscript/subscript)
- Links (internal, external, download, button)
- Images (cropped image: 160x85px)
- Different icons (e.g. blue dot, grey circle)


The module can be used in the following templates and page areas:

The module can be used in the following templates and page areas:

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
The blue area indicates that the module is applicable in this content area.

Dimensioned screenshots

Table: Dimensioning Desktop
Desktop
Table: Dimensioning Tablet
Tablet
Table: Dimensioning Mobile
Mobile

This module can be used in the following themes:

  • Internet
  • Intranet
  • Suite
The blue area indicates that the module is applicable in this theme.

This is what the module looks like

Table (02_02)

Example page

Tables and Lists

All modules in the chapter
  • Table 02_02
  • Organizational Chart 02_03
  • Link list 04_02
  • Anchor Links (Dropdown) 07_15
  • Anchor Navigation (sticky) 07_19
  • tk-check Overview of all modules

arrow-down UCP Pattern Library

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

Follow us

  • Global Corporate Website
© thyssenkrupp AG 2023
  • Sitemap
  • Imprint
  • Legal Notes
  • Share tk-share
    FacebookTwitter Email LinkedIn