Tabellen bestehen aus konfigurierbaren Spalten und können SKOOR-Objektwerte oder Daten aus einer externen Datenquelle auflisten

Jede Zeile einer Tabelle entspricht einem einzelnen SKOOR-Objekt oder einer Zeile in der externen Datenquelle und kann dessen verschiedene Werte auflisten.

Filter

Für jede Spalte kann ein Filter im Filterdialog oder in der Spaltenüberschrift festgelegt werden, sofern dies im Widget konfiguriert ist. Damit können die Zeilen der Tabelle gefiltert werden, um entweder eine bestimmte Textzeichenfolge zu finden oder nur Zeilen anzuzeigen, die mit einem aktuell vorhandenen Wert oder Text aus einer Dropdown-Liste übereinstimmen. Der Filter-Dialog bietet eine intuitive Oberfläche, um komplexe Filter einfach zu erstellen. Im Abschnitt „Inline-Filter” erfahren Sie, wie Sie ältere Inline-Filter konfigurieren, die in der Kopfzeile angezeigt werden.

Im Filterdialog: Wählen Sie ganz einfach Operatoren wie „enthält“, „ist gleich“, „größer als“ usw. aus und geben Sie Werte ein, ohne sich die Syntax merken zu müssen:

Bereichsfilter: Speziell für numerische und Datums-Spalten können Sie ganz einfach Bereiche (Von...Bis) definieren.
Datums- und Zeitauswahl: Integrierte Auswahlfelder für Datums- und Zeitstempelspalten erleichtern die Auswahl von Zeitbereichen.
Mehrfachauswahl: Wählen Sie mehrere Werte aus einer Liste für „IN“-Abfragen aus.

Platzhalter

Alle Textfilter unterstützen den Platzhalter*“. Damit können Sie nach Teilen einer Zeichenfolge suchen.

Dev*
Dev*ment
*ment
100*
2022*

Spalten mit Zahlen oder Datumsangaben

IN(x,y,z)
Geben Sie einen einzelnen Wert oder mehrere Werte an. Die Ergebnisse umfassen nur Datensätze, bei denen die Daten in der Spalte mit dem Wert im Filter übereinstimmen.
NOT(IN(x,y,z))
Umkehrung von „in
BETWEEN(x,y)
Geben Sie zwei Werte an. Das Ergebnis enthält nur Datensätze, bei denen die Daten in der Spalte zwischen den beiden angegebenen Werten liegen.
>
Geben Sie einen einzelnen Wert an. Die Ergebnisse umfassen nur Datensätze, bei denen die Daten in der Spalte größer sind als der Wert im Filter.
<
Geben Sie einen einzelnen Wert an. Die Ergebnisse umfassen nur Datensätze, bei denen die Daten in der Spalte kleiner sind als der Wert im Filter.
>=
Geben Sie einen einzelnen Wert oder mehrere Werte an. Die Ergebnisse umfassen nur Datensätze, bei denen die Daten in der Spalte größer oder gleich dem Wert im Filter sind.
<=
Geben Sie einen einzelnen Wert oder mehrere Werte an. Die Ergebnisse umfassen nur Datensätze, bei denen die Daten in der Spalte kleiner oder gleich dem Wert im Filter sind.

Spalten, die Text enthalten

AND(x,y,z)
Geben Sie zwei oder mehr Zeichenfolgen oder Zeichen an. Die Ergebnisse umfassen nur Datensätze, die alle angegebenen Zeichenfolgen enthalten.
OR(x,y,z)
Geben Sie zwei oder mehr Zeichenfolgen oder Zeichen an. Die Ergebnisse umfassen nur Datensätze, die mindestens eine der angegebenen Zeichenfolgen enthalten.
NOT(x)
Geben Sie ein Zeichen oder eine Zeichenfolge an. Die Ergebnisse enthalten nur Datensätze, in denen die angegebene Zeichenfolge nicht vorkommt.

Textfilter können auch verschachtelt werden.

Filter zurücksetzen

Alle Filter können über den entsprechenden Link über der Tabelle oder im Filterdialog zurückgesetzt (Standardeinstellungen wiederherstellen) oder gelöscht werden:

Inline-Filter und Standardwerte

Filter können inline in der Spaltenüberschrift angezeigt werden, wenn „In Überschrift anzeigen“ in der Spaltenkonfiguration aktiviert ist, wodurch auch die älteren Konfigurationsfelder „Textübereinstimmung“ und „Standardfilter“ angezeigt werden.

Für die im Filterdialog angezeigten Filter gibt es ein intuitiveres Standardfilterfeld.

Feste Kopfzeilen und Spalten

Eine feste Kopfzeile und Spaltenanzahl kann in den Tabelleneinstellungen konfiguriert werden:

Aggregation und Unteraggregation

Zeilen mit numerischen Werten können aggregiert werden (Summe, Durchschnitt, Minimum, Maximum). Zusätzlich können Werte nach Spaltenwerten gruppiert und erneut aggregiert werden:

Spaltentypen

Weitere Informationen zum Bearbeiten von Spalten finden Sie im folgenden Abschnitt „Spaltendetails“.

Die folgenden Spaltentypen können konfiguriert werden:

Einstellung	Beschreibung
Name	Zeigt den Namen eines SKOOR-Objekts an
Typ	Zeigt den Typ eines SKOOR-Objekts an
Untertyp	Zeigt den Subtyp eines SKOOR-Objekts an
Status	Zeigt den Status eines SKOOR-Objekts an. Der Status kann entweder als Glühbirne oder als einfacher Text dargestellt werden. Durch Klicken auf den Status wird der Statusverlauf des Objekts geöffnet.
Zustandsstatistik	Zeigt den prozentualen Anteil eines bestimmten Status über einen bestimmten Zeitraum für ein SKOOR-Objekt an (Status und Zeitraum sind anpassbar).
Eigenschaft	Zeigt eine bestimmte Eigenschaft eines SKOOR-Objekts an
Anzahl	Zählt die Anzahl der SKOOR-Objekte basierend auf einem Filter oder einer Suchoperation.
Wert	Zeigt einen Wert eines SKOOR-Objekts an
Gerätename	Wenn die Zeile ein Objekt vom Typ „Job“ enthält, wird der Name des zugehörigen Geräts angezeigt.
Übergeordnet	Zeigt das übergeordnete Objekt des aktuellen Objekts an
Gründe	Grund für Zustände, die nicht OK sind
Meldung	Von Jobs generierte Meldungen
Auswählen	Zeigt ein Auswahlflag an
Wartungen	Zeigt die geplanten und laufenden Wartungen eines SKOOR-Objekts an
Datenquelle	Zeigt einen Spaltenwert einer Datenquellenzeile an
Datenabfrage	Zeigt einen Spaltenwert einer Datenabfrage an
Ausdruck	Zeigt einen bestimmten Ausdruck in der Tabellenzeile an
Anmerkung	Fügt Anmerkungen zur Tabellenzeile hinzu

Bearbeiten des Tabellen-Widgets:

Grundlagen

Die Tabellenkonfiguration ist in zwei Teile gegliedert.

Im ersten Teil werden allgemeine Tabelleneinstellungen konfiguriert, wie z. B. die Tabellenüberschrift, die Anzahl der Zeilen pro Seite oder Aggregationsfunktionen
Im zweiten Teil, dem Abschnitt „Datenquelle“, geht es um die tatsächlichen Daten in der Tabelle, die hauptsächlich von SKOOR-Objekten generiert oder in einer Datenbank gespeichert werden. In diesem Abschnitt können Daten geladen, gefiltert, durch Overlays angereichert werden usw.
- SKOOR-Objekte können mithilfe eines Objektfilters geladen werden. Jedes vom Filter generierte Objekt ergibt eine Zeile in der Tabelle.
- Datenbanken können mit dem Suchtyp „Datenquelle“ (Tabellen oder Ansichten) oder „Datenabfrage“ (SQL) abgefragt werden.

Tabelleneinstellungen

Einstellung	Beschreibung
Seitengröße	Anzahl der Zeilen, die pro Seite angezeigt werden. Bei mehr Zeilen wird ein Seitenauswahlfeld angezeigt.
Alle Seiten im Bericht anzeigen	Wenn diese Option deaktiviert ist, wird in Berichten nur die erste Seite einer paginierten Tabelle angezeigt.
Leere Zeilen anzeigen	Leere Zeilen anzeigen, wenn die Anzahl der Zeilen geringer ist als die Seitengröße.
Kopfzeile anzeigen	Tabellenkopfzeile anzeigen oder ausblenden. Bitte beachten Sie, dass immer die Standard-Spaltenfilter verwendet werden, auch wenn eine Spalte oder die gesamte Kopfzeile ausgeblendet ist.
Feste Kopfzeile	Die Kopfzeile bleibt sichtbar, wenn die Zeilen vertikal gescrollt werden. Dies erfordert in der Regel eine konfigurierte Widget-Höhe, um das Scrollen innerhalb der Kopfzeile zu ermöglichen.
Wechselnde Hintergrundfarbe der Zeilen	Benachbarte Zeilen werden in leicht unterschiedlichen Farben angezeigt, um die Lesbarkeit zu verbessern.
Feste Spaltenanzahl	Anzahl der Spalten von links, die beim horizontalen Scrollen sichtbar bleiben.
Aggregierte Zeile	Fügt der Tabelle eine Zeile mit aggregierten Werten hinzu. Gilt nur für numerische Spalten, für die „Aggregierten Wert anzeigen” aktiviert ist.
Position der aggregierten Zeile	Zeigt aggregierte Werte oben oder unten in der Tabelle an
Anzahl der Unteraggregat-Spalten	Fügt eine Aggregationszeile basierend auf einer oder mehreren Spalten hinzu. Bei Einstellung auf 2 Spalten wird der Titel der Aggregationszeile zur dritten Spalte hinzugefügt, gefolgt von den aggregierten Werten Aggregationstitel wie „Zwischensumme“ oder „Durchschnitt“ werden nicht zu Spalten vom Typ „Zahl“ oder „Datum“ hinzugefügt Die Aggregation kann in der Spaltenkonfiguration ein- oder ausgeschaltet werden
Verschachtelte Unteraggregate anzeigen	Fügt eine Zwischensumme über eine aggregierte Wertgruppe hinzu. Das folgende Beispiel zeigt die Summe aller Filialen sowie die Zwischensumme pro Filiale und Abteilung
Filter beibehalten	Wenn „Filter beibehalten“ aktiv ist, werden dynamische Spaltenfilter bei einem Seitenwechsel nicht gelöscht.
Export zulassen	Daten können in die Formate CSV oder XLSX exportiert werden
Klickaktion	Legen Sie eine Aktion fest, die ausgeführt werden soll, wenn ein Element in der Tabelle angeklickt wird. Die folgenden Platzhalter sind verfügbar: `${params.<paramName>}` `${object}` `${customObject}` `${columns.<columnName>}` `${columnName}` `${value}`
Tabellenfilterparameter bereitstellen	Stellt den aktuell angewendeten Filter als URL-Parameter bereit, einschließlich Header-Filtern, Filtermatrix und Suchabfrage. Dies kann verwendet werden, um diesen Filter an andere Widgets weiterzugeben, die Informationen basierend auf den aktuell angezeigten Elementen anzeigen müssen.
Name des Tabellenfilterparameters	URL-Parametername für den Tabellenfilter. Standardmäßig ist dies „`tableFilter`“.

Datenquelle

Einstellung	Beschreibung
Suchtyp	Wählen Sie die gewünschte Datenquelle aus. Die Felder des Datenquellenteils der Konfiguration ändern sich je nach Suchtyp.
Objekt, Objekte darunter	Wählen Sie ein oder mehrere SKOOR-Objekte mithilfe der allgemeinen Objektfilter aus.
Datenquelle	Wählen Sie eine Datenbank aus. Datenbanken werden im Abschnitt „Daten und Objekte” konfiguriert.
Tabelle	Wählen Sie eine der Tabellen oder Ansichten einer Datenbank aus.
Datenabfrage	Wählen Sie eine Datenabfrage aus. Datenabfragen werden im Abschnitt „Daten und Objekte“ konfiguriert.
Filtermatrixabfrage anwenden	Wenn ein Filtermatrix-Widget auf dem Dashboard konfiguriert ist, werden die Filter dieses Widgets angewendet, wenn die Spalten beider Widgets übereinstimmen.
Suchabfrage	Definieren Sie Filter wie im Datenquellenabfrage-Editor beschrieben.

Anmerkungen

Aktivieren Sie „Anmerkungen zulassen“, um die Anmerkungsfunktion zu aktivieren. Stellen Sie sicher, dass hier eine oder mehrere Spalten als Schlüssel definiert sind, die verwendet werden, um jede Anmerkung einer Datenzeile zuzuordnen:

Spalten

Klicken Sie auf „Spalten synchronisieren“, um alle verfügbaren Spalten aus der konfigurierten Tabelle oder Datenabfrage hinzuzufügen. Wenn nur ein Teil der verfügbaren Spalten verwendet wird, klicken Sie auf „Spalte hinzufügen“, um Spalten hinzuzufügen oder die nicht verwendeten nach der Synchronisierung zu löschen. Um die Reihenfolge der Spalten zu ändern, ziehen Sie die Spaltenelemente einfach per Drag & Drop.

Öffnen Sie die Einstellungen, indem Sie auf ein Spaltenelement klicken:

Einstellung	Beschreibung
Typ	Der Spaltentyp hängt vom Suchtyp ab, der im Abschnitt „Datenquelle“ des Widgets definiert ist.
Name	Name der Spalte. Dieser wird in der Tabellenüberschrift angezeigt.
Titel	Ausdrucksfeld, um Platzhalter als Spaltenüberschrift zu verwenden. Wenn dieses Feld leer ist, wird der Wert in „Name“ verwendet.
Auslöser bei Doppelklick	Die im Abschnitt „ClickAction“ definierte Aktion wird nur durch einen Doppelklick ausgelöst.
Breite	Genaue Breite in Pixeln oder % (optional)
Minimale Breite	Minimale Spaltenbreite in Pixeln oder % (optional)
Ausrichten	Text links, mittig oder rechts ausrichten
Höhe der Kopfzeile	Höhe der Kopfzeile in Pixeln
Filtertyp	Typ des dynamischen Filters keiner Auswählen (Filterung nach verfügbaren Werten aus der aktuellen Tabelle) Text (nach Text filtern) Mehrfachauswahl
In Kopfzeile anzeigen	Nur verfügbar, wenn der Filtertyp auf „`text`” oder „`select`” gesetzt ist. Ermöglicht die Anzeige des Filters in der Spaltenüberschrift anstelle des Filterdialogs. Wenn aktiviert, werden der alte Textabgleich und der Standardfilter angezeigt. Wenn nicht aktiviert, wird ein kombiniertes Operator-/Standardwertfeld angezeigt.
Textübereinstimmung	Nur verfügbar, wenn der Filtertyp auf „`text`“ gesetzt ist. Legt das Verhalten des Tabellenfilters fest. `exact` (Erweiterte Suche): Führt eine exakte Übereinstimmung durch. `contains`: Findet Übereinstimmungen, wenn der Wert den Filtertext enthält. `starts_with`: Findet Übereinstimmungen, wenn die Werte mit dem Filtertext beginnen. `ends_with`: Stimmt überein, wenn der Wert mit dem Filtertext endet. Das Platzhalterzeichen „`*`“ kann in allen Textübereinstimmungsmodi verwendet werden (auch in „`exact`“).
Standardfilter	Der dynamische Filtertext kann voreingestellt werden. Bitte beachten Sie, dass der Filter auch dann aktiv ist, wenn die Spalte nicht angezeigt wird.
Sortierpriorität	Legen Sie eine Sortierpriorität fest, um die Spalte sortierbar zu machen. Die Zeilen werden entsprechend der Sortierpriorität sortiert. Wenn zwei Spalten dieselbe Sortierpriorität haben, wird die Priorität durch die Spaltenvorrangigkeit bestimmt.
Standard-Sortierreihenfolge	Standardmäßig aufsteigend oder absteigend sortieren
Anzeigen	Ob die Spalte angezeigt werden soll (Standard) oder nicht. Bitte beachten Sie, dass Standardfilter auch für ausgeblendete Spalten aktiv sind
Ausblenden, wenn leer	Die Spalte ausblenden, wenn keine Tabellenzeile einen Wert für diese Spalte enthält
Auf kleinen Bildschirmen ausblenden	Die Spalte ausblenden, wenn sie nicht auf den Bildschirm passt
Wiederholungen ausblenden	Wiederholte Werte ausblenden. Dies kann verwendet werden, um eine Art Gruppierung zu erreichen:
Doppelte Zeilen zusammenführen	Zeigen Sie nur eine von allen Zeilen mit dem gleichen Wert in dieser Spalte an
Aggregierten Wert anzeigen	Diesen Wert in Aggregationszeilen oben oder unten in der Tabelle ein- oder ausschalten
Richtung der Kopfzeile	Horizontale oder vertikale Kopfzeile. Wenn Sie vertikal wählen, müssen Sie die Kopfzeilenhöhe auf einen geeigneten Wert einstellen (aus technischen Gründen kann die Kopfzeilengröße nicht automatisch bestimmt werden)
Als HTML anzeigen	HTML-Tags in dieser Spalte interpretieren
Bedingte Klasse	Speziell für Zählspalten. Verwenden Sie diese Option, um bedingte Klassen für Werte festzulegen, wodurch eine Formatierung mithilfe dieser Klassen möglich ist.
Benutzerdefiniertes Objekt	Festlegen, um ein benutzerdefiniertes SKOOR-Objekt zu verwenden

Einstellungen für Spaltentypen

Name

Zeigt den Namen des Zeilenobjekts an. Keine Einstellungen verfügbar.

Typ

Zeigt den Typ des Zeilenobjekts an. Keine Einstellungen verfügbar.

Untertyp

Zeigt den Untertyp des Zeilenobjekts an. Keine Einstellungen verfügbar.

Status

Zeigt den Status des Zeilenobjekts als Glühbirne oder Text an.

Einstellung	Beschreibung
Anzeigetyp	Wählen Sie aus, wie der Status eines SKOOR-Objekts angezeigt werden soll: Glühbirne Format
Spalte	Die Spalte, in der der Status zu finden ist.
Alle Zustände in „Auswählen“	Alle Zustände im Filter anzeigen.

Einstellung

Beschreibung

Anzeigetyp

Wählen Sie aus, wie der Status eines SKOOR-Objekts angezeigt werden soll:

Glühbirne
Format

Spalte

Die Spalte, in der der Status zu finden ist.

Alle Zustände in „Auswählen“

Alle Zustände im Filter anzeigen.

Wenn der Suchtyp SKOOR-Objekte zurückgibt, kann die Klickaktion für die Spalte definiert werden. Durch Aktivieren von „Benutzerdefiniertes Objekt” können Sie den Status eines beliebigen SKOOR-Objekts (ausgewählt durch den Objektfilter) anzeigen.

Wenn der Suchtyp „Datenquelle“ oder „Datenabfrage“ ist, wählen Sie die Spalte, die die erforderlichen Zustände enthält, aus der Dropdown-Liste „Spalte“ aus:

Wenn die Status-Spalte in einer auf einer Datenquelle oder Datenabfrage basierenden Tabelle verwendet wird, können Werte Zuständen zugeordnet werden (SKOOR Dashboard >= 7.1.2).

Um mehrere Werte einem Status zuzuordnen, können die Werte als durch Kommas getrennte Liste definiert werden.

Statusstatistik

Berechnet den Prozentsatz des Objekts, das sich im ausgewählten Status befindet. Wenn ein benutzerdefiniertes Objekt in der Spalte konfiguriert ist, können über den Suchfilter mehrere Objekte ausgewählt werden. In diesem Fall werden alle Objekte durch die ausgewählte Aggregatfunktion aggregiert.

Einstellung	Beschreibung
Zustand	Wählen Sie den Zustand aus, für den Sie die Statistik abrufen möchten.
Wartung als „OK“	Legen Sie fest, ob die Wartung als OK betrachtet werden soll.
Aggregatfunktion	Wählen Sie eine Aggregatfunktion aus, die zur Berechnung der Statusstatistiken verwendet werden soll.

Eigenschaft

Zeigt eine Eigenschaft des Zeilenobjekts an.

Zählen

Zählt Objekte basierend auf einem Objektfilter

Das Feld „Bedingungen” akzeptiert die üblichen Platzhalter.

Um einen Verweis auf das Zeilenobjekt zu erhalten, kann man den folgenden Bedingungsschnipsel verwenden:

{
  "item": "id",
  "operator": "eq",
  "expression": %id%
}

Es ist auch möglich, eine benutzerdefinierte Klasse für eine bestimmte Anzahl festzulegen. Dies ist besonders nützlich, um Anzahlen, die größer als ein bestimmter Wert sind, farblich hervorzuheben:

Nützliche Klassen:

fett
Major
geringfügig
Warning
OK

Wert

Zeigt einen Wert des Zeilenobjekts an. Durch Aktivieren von „Benutzerdefiniertes Objekt” können Sie den Wert eines beliebigen SKOOR-Objekts (ausgewählt durch den Objektfilter) anzeigen.

Der Wert kann über seinen Werteschlüssel definiert werden. Rückgabewerte und Zeichenfolgenwerte akzeptieren den Index in Array-Notation (z. B. returnValue[0]) oder den Namen der definierten Einheit.

Einstellung	Beschreibung
Wertname	Geben Sie den Namen des Werts eines SKOOR-Objekts an.
Einheit anzeigen	Legen Sie fest, ob die Einheit dieses Werts angezeigt werden soll oder nicht.
Aggregatfunktion	Wählen Sie eine Aggregatfunktion aus, die auf den Wert angewendet werden soll.

Gerätename

Zeigt den Namen des zugehörigen Geräts an, wenn es sich bei dem Objekt um einen Auftrag handelt.

Übergeordnet

Zeigt das übergeordnete Objekt des aktuellen Objekts an.

Gründe

Der Grund, warum Objekte sich in einem Status wie „Major“, „Minor“ oder „Warning“ befinden.

Meldung

Zeigt die Job-Info-Meldung an, sofern verfügbar.

Auswählen

Fügt Optionen zum Hinzufügen oder Entfernen von Wartungsarbeiten sowie ein Kontrollkästchen zu jeder Zeile hinzu.

Wartungen

Zeigt aktuelle Wartungen an.

Datenquelle

Zeigt einen Spaltenwert einer Datenquellentabelle an.

Die Aggregatfunktion kann so eingestellt werden, dass sie Werte der Spalte aggregiert.

Wenn die Spalte vom Typ float ist, kann die Genauigkeit des Werts festgelegt werden.

Einstellung	Beschreibung
Spalte	Wählen Sie die gewünschte Spalte der Datenquelle aus.
Quelleneinheit	Die Einheit der Daten in der Spalte.
Zieleinheit	Die Zieleinheit, in die die Werte umgewandelt werden sollen.
Einheit anzeigen	Zeigt die Einheit in der Tabellenüberschrift an.
Aggregatfunktion	Wählen Sie eine Aggregatfunktion aus, die auf den Spaltenwert angewendet werden soll.
Genauigkeit	Legen Sie die Genauigkeit des Werts fest (für Fließkommazahlen).
Zeitformat	Legen Sie ein bevorzugtes Zeitformat fest.

Datenabfrage

Zeigt einen Spaltenwert einer Datenabfrage an. Die gleichen Konfigurationsoptionen wie für Datenquellen gelten auch für Datenabfragespalten.

Ausdruck

Ausdrucksspalten können Werte aus anderen Spalten berechnen, die in diesem Tabellen-Widget konfiguriert sind. Andere Spalten können auf zwei Arten referenziert werden:

${columns.<Spaltenname>}
${columns[„<Spaltenname”]}

Geben Sie als <Spaltenname> genau den Namen ein, der in der jeweiligen Spalte konfiguriert ist (z. B. Großbuchstabe am Anfang).

Weitere Informationen finden Sie auf der Seite Platzhalter.

Anmerkung

Mit diesem Spaltentyp können Benutzer die Daten einer Datenquelle oder Datenabfrage durch Anmerkungen ergänzen. Es gibt fünf Arten von Anmerkungsspalten:

Einstellung	Beschreibung
Anzeigetyp	Eine Dropdown-Liste mit dem gewünschten Typ der Anmerkung: Schaltfläche Status Beschreibung Erstellt Benutzer
Schaltfläche	Fügt jeder Zeile der Tabelle eine Schaltfläche zum Hinzufügen von Anmerkungen hinzu. Außerdem kann hier ein fester Satz von Zuständen mit möglichen Übergängen zwischen ihnen konfiguriert werden. Klicken Sie auf die Schaltfläche „Hinzufügen”, um Zustände hinzuzufügen: Ein Übergang vom Undefined-Zustand muss konfiguriert werden. Andernfalls können überhaupt keine Anmerkungen hinzugefügt werden.
Status	Zeigt den aktuellen Anmerkungsstatus jeder Zeile an.
Beschreibung	Zeigt die aktuelle Anmerkung-Beschreibung an
Erstellt	Anzeige des Datums, an dem die Anmerkung erstellt wurde
Benutzer	Zeigt den Benutzer an, der die Anmerkung erstellt hat

Weitere Informationen finden Sie auf der Seite „Anmerkungen”.

Erweiterte Spalteneinstellungen

Klickaktionen

Je nach Spaltentyp können Klickaktionen für Drilldowns oder zum Navigieren an eine bestimmte Stelle per Klick definiert werden. Weitere Informationen finden Sie unter Klickaktion.

Zellenformatierung

Es ist möglich, das Design jeder Tabellenzelle mithilfe von CSS anzupassen. Dies kann entweder durch die Verwendung von Inline-CSS (Design der Kopfzeilenzelle, Design der Tabellenzelle) oder durch CSS-Klassen erfolgen, die in den Designeinstellungen eines Dashboards definiert werden können.

Einstellung	Beschreibung
Klassenbezeichnung für Kopfzellen	Geben Sie einen Klassennamen für die Kopfzeile an (kann im CSS-Stil verwendet werden).
Stil der Kopfzeilenzelle	Definieren Sie ein spezifisches Styling für die Kopfzeile (in CSS).
Tabellenzellenklasse	Geben Sie einen Klassennamen für die gesamte Tabelle an (kann in CSS-Stilen verwendet werden).
Tabellenzellenstil	Definieren Sie ein spezifisches Design für die gesamte Tabelle (in CSS)
Ausrichtung der Kopfzeile	Horizontale oder vertikale Kopfzeile. Wenn Sie „Vertikal” wählen, müssen Sie die Höhe der Kopfzeile auf einen geeigneten Wert einstellen (aus technischen Gründen kann die Größe der Kopfzeile nicht automatisch bestimmt werden).
Überlauf	Wählen Sie die Standardbehandlung von Überläufen aus: Umbrechen Auslassungspunkte

Tabellen formatieren

Inhaltsabhängiges Symbol

Seit SKOOR Dashboard 7.1.2 ist es möglich, die Spalte „state” (Zustandsanzeige) für Tabellen zu verwenden, die auf Datenquellen und Datenabfragen basieren. Werte können Zuständen zugeordnet werden, und die entsprechenden Glühbirnen werden angezeigt. Weitere Informationen finden Sie unter https://skoorag.atlassian.net/wiki/spaces/DOC/pages/494473/Table#State.

Mit der in SKOOR Dashboard 7.1.2 eingeführten Funktion würde das gleiche Beispiel unten wie folgt aussehen:

Problem

Der Inhalt der Tabellenzelle (z. B. OK) sollte durch ein Symbol (z. B. Glühbirne) ersetzt werden.

Lösung

Tabellenzellenklasse in den Spalteneinstellungen festlegen

Im obigen Beispiel wird der Klassenwert aus der dritten Spalte jeder Zeile übernommen. Im Beispiel ergibt dies eine Klasse mit dem Status statusOK.

Fügen Sie im Dialogfeld „Dashboard-Einstellungen“ etwas CSS hinzu

/* Set a lightbulb as default background image for tds with class status */
td.status {
  background-image: url('assets/images/lightbulb-grey.svg');
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center 6px;
}

/* 
 * Absolute positioned elements (the tooltip in this case) always take the 
 * next not static positioned element as the anchor point
 */
td.status > div {
  position: relative;
  overflow: visible; 
}

/* 
 * Makes the inner td absolute positioned and style the span that it looks like a tooltip.
 * Initially, the tooltip is hidden.
 */
td.status > div > span {    
    padding: 2px;
    display:none;
    position: absolute;
    top: -3px;
    left: 30px;    
    text-align: left;
    background-color: #eff0f1;
    border: 1px solid #c7cbce;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    white-space: nowrap;
}

/* Shows the tooltip on hover */
td.status:hover > div > span {
  display: block;
}

/* 
 * Defines the background image for the defined value. 
 * You need one of those for each possible content, undefined values
 * will display the default image.
 */
td.statusOK {
  background-image: url('assets/images/lightbulb-green.svg');
}

Dadurch wird ein ansprechendes Symbol angezeigt, das beim Darüberfahren mit der Maus den ursprünglichen Text anzeigt.

Bitte beachten Sie, dass wir nur die Klasse statusok behandelt haben und die übrigen Klassen alle die standardmäßige graue Glühbirne haben.

Anstatt eine Datei-URL für die Bilder zu verwenden, ist es auch möglich, die Bilder mithilfe von Daten-URLs direkt in das CSS einzubetten:

td.statusOK {
  background-image: url('data:image/png;base64,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');
}

Das Ergebnis würde wie folgt aussehen: