Movable Type（MT）での表：テーブル（table）表示

Movable Type（MT）での表：テーブル（table）表示の利用は結構あるかと思います。料金表や商品一覧など。

方法は色々あると思いますが
<mt:If>～</mt:If>　と　<mt:for>～<mt:for>　で表示を可能とします。

以下が流れになります。
ブログ、ウェブページなど共通です。
1. 列数をセット
2. ブログやウェブページなど一覧のループ
3. ループに入ったら<table>を表示
4. 列数のはじめならば<tr>を表示
5. 表示したい値を<td>～</td>の間で表示
6. 列数に達したら</tr>を表示
7. 4～7まで繰り返し
8. ループの最後に、列数に達していない場合、列数があうように<td> </td>を繰り返し表示、そして</table>を表示

例としてブログ記事一覧で、最後の10件を4列で区切り、ブログ記事を表示する場合は以下になります。

<mt:Entries lastn="10">
<mt:EntriesHeader>
<mt:SetVar name="max" value="4">
<mt:SetVar name="no" value="1">
<table border="1" cellpadding="5" cellspacing="5" width="450">
</mt:EntriesHeader>

<mt:If name="no" eq="1"><tr></mt:If>
<td><$mt:EntryTitle$></td>
<mt:If name="max" eq="$no">
</tr>
<mt:SetVar name="no" value="1">
<mt:Else>
<mt:SetVar name="no" value="1" op="+">
</mt:Else>
</mt:If>

<mt:EntriesFooter>
<mt:If name="no" gt="1">
<mt:If name="max" ne="$no">
<mt:for from="$no" to="$max" increment="1">
<td> </td>
</mt:for>
</mt:If>
</mt:If>
</tr>
</table>
</mt:EntriesFooter>
</mt:Entries>

以下が実行結果です。

もう1例としてブログ記事一覧で、最後の20件のブログ記事で、画像をアップロードした画像1枚を4列で区切り表示する場合は以下になります。

<mt:Entries lastn="20">
<mt:EntriesHeader>
<mt:SetVar name="max" value="4">
<mt:SetVar name="no" value="1">
<table border="1" cellpadding="5" cellspacing="5" width="450">
</mt:EntriesHeader>

<mt:If name="no" eq="1"><tr></mt:If>
<mt:EntryAssets lastn="1" type="image">
<td><img src="<$mt:AssetURL$>" alt="<$mt:EntryTitle$>" width="85" /></td>
<mt:If name="max" eq="$no">
</tr>
<mt:SetVar name="no" value="1">
<mt:Else>
<mt:SetVar name="no" value="1" op="+">
</mt:Else>
</mt:If>
</mt:EntryAssets>

<mt:EntriesFooter>
<mt:If name="no" gt="1">
<mt:If name="max" ne="$no">
<mt:for from="$no" to="$max" increment="1">
<td> </td>
</mt:for>
</mt:If>
</mt:If>
</tr>
</table>
</mt:EntriesFooter>
</mt:Entries>

以下が実行結果です。