Tables, Rows and Cells
These elements are for creating HTML tables and the rows and cells
within them. In most cases, they offer little benefit over using the
regular HTML tags and are more likely to make your templates more
complicated and harder to read. But on the other hand, they are
useful for various other elements which glue them together in
interesting ways to make more complex components (e.g. bars and
menus). Think of them as HTML Lego® bricks.
Source #1:
[% WRAPPER html/table %]
<tr>
[%- FOREACH item = [ 'Foo', 'Bar', 'Baz' ] %]
<td>
[% item %]
</td>
[%- END %]
</tr>
[% END %]
|
HTML Output #1:
<table border="0">
<tr>
<td>
Foo
</td>
<td>
Bar
</td>
<td>
Baz
</td>
</tr>
</table>
|
Output #1:
|
Source #2:
[% WRAPPER html/table
border = 2
col = '#aaaaff'
%]
<tr>
<td>
This is some content within the table.
</td>
</tr>
[% END %]
|
HTML Output #2:
<table border="2" bgcolor="#aaaaff">
<tr>
<td>
This is some content within the table.
</td>
</tr>
</table>
|
Output #2:
This is some content within the table.
|
|
|
Source #3:
[% PROCESS html/rgb %]
[% WRAPPER html/table col=rgb.blue.light pad=10 %]
[%- WRAPPER html/row %]
<td>Hello</td> <td>World</td>
[%- END %]
[% END %]
|
HTML Output #3:
<table border="0" cellpadding="10"><tr>
<td>Hello</td> <td>World</td></tr>
</table>
|
Output #3:
|
Source #4:
[% MACRO light(content)
INCLUDE html/cell
col=rgb.blue.light
%]
[% MACRO dark(content)
WRAPPER html/cell
col=rgb.blue.dark
%]
<font color="[% rgb.white %]">[% content %]</font>
[% END %]
[% WRAPPER html/table pad=10 %]
[%- WRAPPER html/row %]
[%- light('Hello') ; dark('World') %]
[%- END %]
[%- WRAPPER html/row %]
[%- dark('Hello') ; light('World') %]
[%- END %]
[% END %]
|
Output #4:
|
|
Source #5:
[% WRAPPER html/table + html/row + html/cell
col = rgb.red.mid
pad = 6
%]
<font color="[% rgb.white %]">Hello World!</font>
[% END %]
|
Output #5:
|
|