Abwechselnde Hintergrundfarben in einer wiederholenden Tabelle festlegen

Nachdem Sie eine wiederholende Tabelle in eine Vorlage eingefügt haben, (siehe Wiederholende Tabellen einfügen), können Sie sie so anpassen, dass für die einzelnen Tabellenzeilen abwechselnde Hintergrundfarben verwendet werden.

So legen Sie abwechselnde Hintergrundfarben für die Tabellenzeilen fest:

1. Wählen Sie im Dokumentfenster eine Zeile in der wiederholenden Tabelle aus.
2. Klicken Sie in der Symbolleiste Dokument auf Codeansicht zeigen oder Code- und Entwurfsansicht zeigen, sodass Sie Zugriff auf den HTML-Code der gewünschten Tabellenzeile erhalten.
3. Bearbeiten Sie das <tr>-Tag in der Codeansicht, sodass es den folgenden Code enthält:

   <tr bgcolor="@@( _index & 1 ? '#FFFFFF' : '#CCCCCC' )@@">
   

   Sie können die Hexadezimalwerte #FFFFFF und #CCCCCC durch andere Farbwerte ersetzen.

4. Speichern Sie die Vorlage.

Durch den folgenden Code wird eine Tabelle mit abwechselnden Hintergrundfarben für die Tabellenzeilen erstellt:

<table width="75%"  border="1"  cellspacing="0" cellpadding="0">
<tr><th>Name</th><th>Phone Number</th><th>Email Address</th></tr>
<!-- TemplateBeginRepeat name="contacts" --> 
<tr bgcolor="@@(_index & 1 ? '#FFFFFF' : '#CCCCCC')@@"> 
<td> <!-- TemplateBeginEditable name="name" --> name <!-- 
TemplateEndEditable --> 
</td>
<td> <!-- TemplateBeginEditable name="phone" --> phone <!-- 
TemplateEndEditable --> 
</td>
<td> <!-- TemplateBeginEditable name="email" --> email <!-- 
TemplateEndEditable --> 
</td>
</tr>
  <!-- TemplateEndRepeat --> 

</table>