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

Interactive Table

Eine interaktive Tabellenkomponente ist eine schreibgeschützte Komponente zum Anzeigen des Inhalts einer benutzerdefinierten Tabelle.

Es verfügt über die folgenden Funktionen

  • Suche

  • Seitennummerierung

  • Datensätze pro Seite auswählen

Sie können eine benutzerdefinierte Tabelle aus Ihrem Projekt auswählen. Sie müssen auch die Liste der verfügbaren Spalten hinzufügen, in deren Reihenfolge sie in der Interactive Table-Komponente sichtbar gemacht werden soll.

Suche (falls aktiviert) filtert die verfügbaren Datensätze nach dem gesuchten Schlüsselwort über alle Spalten hinweg, unabhängig davon, ob es angezeigt wird oder nicht.

Beispiel Seitenansicht

Das Modul ist orange markiert

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten:

InhaltsbereichBezeichnung
ÜberschriftFügen Sie Text hinzu, der als Überschrift angezeigt werden soll (optional)
SucheAktivieren Sie das Kontrollkästchen, um die Suche zu aktivieren
Sticky Header-ReiheAktivieren Sie das Kontrollkästchen, um den Sticky Header zu aktivieren
Sticky Header-SpalteAktivieren Sie das Kontrollkästchen, um die erste Spalte als klebend zu aktivieren. Wird als Referenz in mehreren Spalten mit horizontalem Scrollen verwendet.
Platzhalter für SucheText, der als Platzhalter bei der Sucheingabe angezeigt werden soll
TabellenhöheMaximale Tabellenhöhe in Pixeln, erforderlich für Sticky Header
TabellenquelleWählen Sie die anzuzeigende benutzerdefinierte Datentabelle aus
Sichtbare Spalten (+Spalte)Wählen Sie die Spalten in der anzuzeigenden Reihenfolge aus

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.

Das Modul kann in folgenden Themes eingesetzt werden:

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

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