Page History

Mit dieser Erweiterung können Sie das Layout Ihrer Tabelle in BellaDati ändern. Diese Erweiterung kann verwendet werden, um Tabellen wie folgt anzuzeigen:

VERWALTUNG DER ERWEITERUNG

Laden Sie die Erweiterung von hier herunter.

Importieren Sie die Erweiterung zu BellaDati.

Gehen Sie zu den Parametern und fügen Sie die ID der View mit Tabelle hinzu, die Sie mit einem benutzerdefinierten Layout rendern möchten.

Um die View-ID zu erhalten, wechseln Sie in den Entwicklermodus, klicken Sie auf die neu angezeigte Schaltfläche API.

Anzeigeansicht mit benutzerdefinierter Tabelle im

Report

1. Der Quellbericht Quellreport sollte die Option zum Anzeigen von Drill-Down und Zellensteuerungen deaktiviert haben - wählen Sie die Option Drill-Down-Zellensteuerungen ausblenden in den Einstellungen zur Tabellenansicht.
   

    

2. Erstellen Sie eine benutzerdefinierte Inhaltsansicht, die iFrame mit benutzerdefinierter Tabelle anzeigt.
   
   1. Erstellen einer benutzerdefinierten Inhaltsansicht
   2. In den html-Modus wechseln

   3. Verwenden Sie HTML-Code wie folgt:

      Code Block
      <iframe id="tableExtension" src="http://localhost:8080/extension/detail/5"></iframe> <script> var iframe = document.getElementById("tableExtension"); // get view container var viewContainer = $(iframe).parents('div.t-bdlayout-content'); iframe.width = viewContainer.width(); iframe.height = viewContainer.height() - 90; </script>

3. Ansicht mit der Quelltabelle ausblenden - die Quelltabelle ist wahrscheinlich nicht notwendig, um im Bericht Report angezeigt zu werden. Gehen Sie zur Tabellenansicht und wählen Sie die Option
   Ansicht ausblenden im Anzeigemodus.
   

Anpassen des benutzerdefinierten Tabellenlayouts

Das Tabellenlayout wird durch das in der Erweiterung gespeicherte CSS-Stylesheet definiert. In diesem Abschnitt werden Beispiele für die Anpassung des Layouts von benutzerdefinierten Tabellen beschrieben. Um auf die Definition des Stylesheets zuzugreifen, gehen Sie zum Abschnitt Text und binäre Ressourcen und klicken Sie auf die Datei table table-styles.css.

Ändern der Farbe der Kopfzeile

Die Hintergrundfarbe des Tabellenkopfes kann durch Aktualisieren des Codes des Parameterhintergrundes in tag.bd-table thead geändert werden. Die Farbe der Schrift kann durch Aktualisieren der Parameterfarbe in tag.bd-table thead geändert werden.

Ändern der Farbe des Tabellenkörpers

Die Hintergrundfarbe des Tabellenkörpers kann geändert werden, indem der Code des Parameterhintergrunds in tag.bd-table tbody tr:nth-child(odd) für ungerade Zeilen und tag.bd-table tbody tr:nth-child(even) für gerade Zeilen aktualisiert wird. Die Schriftfarbe kann geändert werden, indem die Parameterfarbe in tag.bd-table tbody tr:nth-child(odd) für ungerade Zeilen und tag.bd-table tbody tr:nth-child(even) für gerade Zeilen aktualisiert wird.

Ändern der in der Tabelle verwendeten Schriftart

Angewandte Schriften werden durch den Parameter font-family in tag.bd-table definiert. Um die angewandten Schriften zu ändern, ersetzen Sie die vorhandene Schrift durch eine andere.