treefrog: How to Write Loop in Otama HTML Template


treefrog の Otama テンプレート 内 でループする方法を書き留めておきます。

Loop tr Tag

The following code reveals loop of tr tag.

The result is below.

Loop li Tag

As for li, the following code will do.

The result is below.

tr のときとは違い、 li 内 のspanタグごと書き換えています。

Create table

Now, let’s create table tag with the above methods. In this time, output row number together.

The leftest column shows row number, begin with 0.