Tabellen

So erzeugen Sie eine Tabelle

  1. Button „Insert Table“ klicken
  2. Im Dialogfeld „Insert Table“
  3. Anzahl der Rows und Cols festlegen
  4. Position der Header Cells auswählen
  5. Tabelle mit Inhalt füllen


Formatierung von Zelleninhalten

  • Zelleninhalte sind nur ohne Blockformat richtig formatiert
  • Eine Zeilenschaltung (Return) führt augenblicklich dazu, dass der Inhalt der oberen Zeile das Blockformat „Absatz“ erhält.
  • Sie können ein überflüssiges Blockformat „Absatz“ entfernen mit „Remove block format“
  • Um einen Zeilenumbruch zu erzwingen, verwenden Sie SHIFT+Return

Tabellen mit Rahmen sind der Standard. Für diese Formatierung müssen Sie fast gar nichts tun. Lediglich:

Im Dialogfeld „Insert Table“ Position der Header Cells auswählen. (Der Effekt wird sofort im Backend sichtbar.)

Für eine Tabelle ohne Rahmen wählen Sie beim Anlegen der Tabelle (im Dialogfenster „Insert Table“):

  • Size and Headers: Position der Header Cells
  • Style > Table class: „Ohne Rahmen“

Nachdem das Dialogfenster „Insert Table“ geschlossen ist:

  1. Cursor in die Header-Zeile setzen
  2. Button „Zeileneigenschaften“ klicken

 
Im Dialogfenster „Zeileneigenschaften“:

  1. Zeilenguppe: Tabellenkopf“
  2. „Alle Zellen der Zeile in Kopfzellen umwandeln“ aktivieren


Wenn alternierende Hintergrundfarben für Zeilen und Spalten gewünscht sind:

  1. Cursor in Zelle platzieren
  2. Geeigneten Blockstil aus dem Menü „Blockstil“ wählen


Wahl geeigneter Hintergrundfarben

  • Zeilen werden mit Grau hinterlegt
  • Spalten werden mit Blau hinterlegt

Wo hinterlegte Zeile und Spalte kreuzen, wird die passende Mischfarbe hinterlegt

  • Blaue Spalte + Graue Zeile: Blaugrau
  • Blaue Spalte + Blaue Zeile (thead): Blaublau

Nach Fertigstellung einer Tabelle müssen Sie im Frontend kontrollieren, ob die Tabelle vollständig im Inhaltsbereich zu sehen ist.

Das können Sie nur im Frontend kontrollieren, weil das RTE-Fenster möglicherweise breiter ist als der Inhaltsbereich.

Tabelle zu breit?

Mit dem Container „Breite Tabelle“ lösen Sie dieses Problem. So geht es Schritt für Schritt:

Im ersten Schritt markieren Sie die gesamte Tabelle.

  1. Platzieren Sie den Curser irgendwo in der Tabelle.
  2. Nun klicken Sie in der Pfad-Leiste auf das HTML-Element „table“ (das ist die Tabelle). (Die Pfad-Leiste finden Sie am unteren Rand des RTE-Fensters.)
  3. Augenblicklich wird die gesamte Tabelle markiert.


Im zweiten Schritt — noch während die gesamte Tabelle markiert ist — wählen Sie aus der Auswahlliste „Blockformat“ die Option „Behälter“. Sie werden im RTE-Fenster keine Änderung bemerken.

Im dritten Schritt klicken Sie in der Pfad-Leiste auf das HTML-Element „div“ (das ist der Behälter). (Für diesen Schritt gibt es keine Alternative. Sie müssen Sich also auf jeden Fall mit der Pfad-Leiste des RTE vertraut machen.) Keine sichtbare Änderung.

Zuletzt wählen Sie aus der Auswahlliste „Blockstil“ die Option „Breite Tabelle“. Sichtbare Änderungen:

  • Möglicherweise sehen Sie eine horizontale Scroll-Leiste unterhalb der Tabelle.
  • In der Pfad-Leiste ist das HTML-Element „div“ jetzt als „div.table-wrapper“ bezeichnet.