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>

以下が実行結果です｡