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
  • Interactive Table

Interactive Table

An Interactive Table Component is a read-only component to view contents of Custom Table.

It features the following functionalities

  • Search

  • Pagination

  • Select records per page

You can select a Custom Table from your project. You must also add the list of available columns in the order of which it has to be made visible in the Interactive Table component.

Search (if enabled) filters the available records according to the searched keyword across all columns irrespective of whether it is displayed or not.

Example page view

The module is marked in orange

zoom

This is how the module works

The module consists of following components

Content areaDescription
HeadlineAdd text to be displayed as headline (optional)
SearchTick checkbox to enable search.
Sticky Header RowTick checkbox to enable sticky header
Sticky Header ColumnTick checkbox to enable first column as sticky. Used for reference in multiple columns with horizontal scroll.
Placeholder for SearchText to be display as placeholder on search input
Table HeightMaximum table height in pixels, required for sticky header
Table SourceSelect the Custom Data Table to be displayed
Visible Columns (+Column)Select the Columns in the order to be displayed

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.

This module can be used in the following themes:

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

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