Table

Table title
The table header 01 The table header 02
Value 01 - 01 Value 01 - 02
Value 02 - 01 Value 02 - 02
Value 03 - 01 Value 03 - 02
Value 04 - 01 Value 04 - 02
Value 05 - 01 Value 05 - 02

Table - alignment

center / middle:
Table title
The table header 01 The table header 02
Value 01 - 01
two lines		 Value 01 - 02
Value 02 - 01 Value 02 - 02
Value 03 - 01 - longer content Value 03 - 02
Value 04 - 01 Value 04 - 02
Value 05 - 01 Value 05 - 02 - longer content
right / bottom:
Table title
The table header 01 The table header 02
Value 01 - 01
two lines		 Value 01 - 02
Value 02 - 01 Value 02 - 02
Value 03 - 01 - longer content Value 03 - 02
Value 04 - 01 Value 04 - 02
Value 05 - 01 Value 05 - 02 - longer content

Table - border around cells

Table title
The table header 01 The table header 02
Value 01 - 01 Value 01 - 02
Value 02 - 01 Value 02 - 02
Value 03 - 01 Value 03 - 02
Value 04 - 01 Value 04 - 02
Value 05 - 01 Value 05 - 02

Table - border horizontal

Table title
The table header 01 The table header 02
Value 01 - 01 Value 01 - 02
Value 02 - 01 Value 02 - 02
Value 03 - 01 Value 03 - 02
Value 04 - 01 Value 04 - 02
Value 05 - 01 Value 05 - 02

Table - density

small:
Table title
The table header 01 The table header 02
Value 01 - 01 Value 01 - 02
Value 02 - 01 Value 02 - 02
Value 03 - 01 Value 03 - 02
Value 04 - 01 Value 04 - 02
Value 05 - 01 Value 05 - 02
regular:
Table title
The table header 01 The table header 02
Value 01 - 01 Value 01 - 02
Value 02 - 01 Value 02 - 02
Value 03 - 01 Value 03 - 02
Value 04 - 01 Value 04 - 02
Value 05 - 01 Value 05 - 02
large:
Table title
The table header 01 The table header 02
Value 01 - 01 Value 01 - 02
Value 02 - 01 Value 02 - 02
Value 03 - 01 Value 03 - 02
Value 04 - 01 Value 04 - 02
Value 05 - 01 Value 05 - 02

Table - font size

Table title
The table header 01 The table header 02
Value 01 - 01 Value 01 - 02
Value 02 - 01 Value 02 - 02
Value 03 - 01 Value 03 - 02
Value 04 - 01 Value 04 - 02
Value 05 - 01 Value 05 - 02

Table - icons

Table title
The table header 01 The table header 02
Value 01 - 01 Value 01 - 02
Value 02 - 01 Value 02 - 02
Value 03 - 01 Value 03 - 02
Value 04 - 01 Value 04 - 02
Value 05 - 01 Value 05 - 02

Table Overflow Menu

Table title
The table header 01 The table header 02
Value 01 - 01 Value 01 - 02
    • Value 02 - 01 Value 02 - 02
    • Value 03 - 01 Value 03 - 02
    • Value 04 - 01 Value 04 - 02
    • Value 05 - 01 Value 05 - 02

    • Table Row Title

    Table title
    Column header The table header 01 The table header 02
    table header Value 01 - 01 Value 01 - 02
    table header Value 02 - 01 Value 02 - 02
    table header Value 03 - 01 Value 03 - 02
    table header Value 04 - 01 Value 04 - 02
    table header Value 05 - 01 Value 05 - 02

    Table - row zebra styling

    Table title
    The table header 01 The table header 02
    Value 01 - 01 Value 01 - 02
    Value 02 - 01 Value 02 - 02
    Value 03 - 01 Value 03 - 02
    Value 04 - 01 Value 04 - 02
    Value 05 - 01 Value 05 - 02

    Table - sticky header

    Table title
    The table header 01 The table header 02
    Value 01 - 01 Value 01 - 02
    Value 02 - 01 Value 02 - 02
    Value 03 - 01 Value 03 - 02
    Value 04 - 01 Value 04 - 02
    Value 05 - 01 Value 05 - 02
    Value 01 - 01 Value 01 - 02
    Value 02 - 01 Value 02 - 02
    Value 03 - 01 Value 03 - 02
    Value 04 - 01 Value 04 - 02
    Value 05 - 01 Value 05 - 02
    Value 01 - 01 Value 01 - 02
    Value 02 - 01 Value 02 - 02
    Value 03 - 01 Value 03 - 02
    Value 04 - 01 Value 04 - 02
    Value 05 - 01 Value 05 - 02
    Value 01 - 01 Value 01 - 02
    Value 02 - 01 Value 02 - 02
    Value 03 - 01 Value 03 - 02
    Value 04 - 01 Value 04 - 02
    Value 05 - 01 Value 05 - 02
    Value 01 - 01 Value 01 - 02
    Value 02 - 01 Value 02 - 02
    Value 03 - 01 Value 03 - 02
    Value 04 - 01 Value 04 - 02
    Value 05 - 01 Value 05 - 02
    Value 01 - 01 Value 01 - 02
    Value 02 - 01 Value 02 - 02
    Value 03 - 01 Value 03 - 02
    Value 04 - 01 Value 04 - 02
    Value 05 - 01 Value 05 - 02
    Value 01 - 01 Value 01 - 02
    Value 02 - 01 Value 02 - 02
    Value 03 - 01 Value 03 - 02
    Value 04 - 01 Value 04 - 02
    Value 05 - 01 Value 05 - 02
    Value 01 - 01 Value 01 - 02
    Value 02 - 01 Value 02 - 02
    Value 03 - 01 Value 03 - 02
    Value 04 - 01 Value 04 - 02
    Value 05 - 01 Value 05 - 02
    Value 01 - 01 Value 01 - 02
    Value 02 - 01 Value 02 - 02
    Value 03 - 01 Value 03 - 02
    Value 04 - 01 Value 04 - 02
    Value 05 - 01 Value 05 - 02
    Value 01 - 01 Value 01 - 02
    Value 02 - 01 Value 02 - 02
    Value 03 - 01 Value 03 - 02
    Value 04 - 01 Value 04 - 02
    Value 05 - 01 Value 05 - 02
    Value 01 - 01 Value 01 - 02
    Value 02 - 01 Value 02 - 02
    Value 03 - 01 Value 03 - 02
    Value 04 - 01 Value 04 - 02
    Value 05 - 01 Value 05 - 02

    Sample page with sticky header and sticky table header (open directly for demonstration purpose)

    UI Core
    Login

    Dies ist eine Headline

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Table title
    The table header 01 The table header 02
    Value 01 - 01 Value 01 - 02
    Value 02 - 01 Value 02 - 02
    Value 03 - 01 Value 03 - 02
    Value 04 - 01 Value 04 - 02
    Value 05 - 01 Value 05 - 02
    Value 01 - 01 Value 01 - 02
    Value 02 - 01 Value 02 - 02
    Value 03 - 01 Value 03 - 02
    Value 04 - 01 Value 04 - 02
    Value 05 - 01 Value 05 - 02
    Value 01 - 01 Value 01 - 02
    Value 02 - 01 Value 02 - 02
    Value 03 - 01 Value 03 - 02
    Value 04 - 01 Value 04 - 02
    Value 05 - 01 Value 05 - 02
    Value 01 - 01 Value 01 - 02
    Value 02 - 01 Value 02 - 02
    Value 03 - 01 Value 03 - 02
    Value 04 - 01 Value 04 - 02
    Value 05 - 01 Value 05 - 02
    Value 01 - 01 Value 01 - 02
    Value 02 - 01 Value 02 - 02
    Value 03 - 01 Value 03 - 02
    Value 04 - 01 Value 04 - 02
    Value 05 - 01 Value 05 - 02
    Value 01 - 01 Value 01 - 02
    Value 02 - 01 Value 02 - 02
    Value 03 - 01 Value 03 - 02
    Value 04 - 01 Value 04 - 02
    Value 05 - 01 Value 05 - 02
    Value 01 - 01 Value 01 - 02
    Value 02 - 01 Value 02 - 02
    Value 03 - 01 Value 03 - 02
    Value 04 - 01 Value 04 - 02
    Value 05 - 01 Value 05 - 02
    Value 01 - 01 Value 01 - 02
    Value 02 - 01 Value 02 - 02
    Value 03 - 01 Value 03 - 02
    Value 04 - 01 Value 04 - 02
    Value 05 - 01 Value 05 - 02
    Value 01 - 01 Value 01 - 02
    Value 02 - 01 Value 02 - 02
    Value 03 - 01 Value 03 - 02
    Value 04 - 01 Value 04 - 02
    Value 05 - 01 Value 05 - 02
    Value 01 - 01 Value 01 - 02
    Value 02 - 01 Value 02 - 02
    Value 03 - 01 Value 03 - 02
    Value 04 - 01 Value 04 - 02
    Value 05 - 01 Value 05 - 02
    Value 01 - 01 Value 01 - 02
    Value 02 - 01 Value 02 - 02
    Value 03 - 01 Value 03 - 02
    Value 04 - 01 Value 04 - 02
    Value 05 - 01 Value 05 - 02