リピートテーブルの代替背景色の設定

リピートテーブルをテンプレートに挿入した後 (詳細については、リピートテーブルの挿入を参照してください)、テーブル行の背景色を交互に色分けして、リピートテーブルをカスタマイズできます。

テーブル行の代替の背景色を設定するには :

  1. ドキュメントウィンドウで、リピートテーブルの行を選択します。
  2. ドキュメントツールバーの [コードビューの表示] または [コードビューおよびデザインビューの表示] ボタンをクリックすると、選択したテーブル行のコードを表示できます。
  3. コードビューで <tr> タグを編集して、以下のコードを挿入します。
    <tr bgcolor="@@( _index & 1 ? '#FFFFFF' : '#CCCCCC' )@@">
    

    16 進数の #FFFFFF と #CCCCCC は、他の色と置き換えることができます。

  4. テンプレートを保存します。

以下は、テーブル行の代替背景色が設定されたテーブルのコード例です。

<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>