{#example_1}
<p>{$list|join}</p>

<p>{$list|join( - )}</p>

<div>{$list|join(<br/>)}</div>
{#}

Theme theme = new Theme("examples");

// Fetch template from this file: themes/examples/joinzebra.chtml
// Inside that file there is a template "snippet" named #example_1
Chunk html = theme.makeChunk("joinzebra#example_1");

// This would work with any List<String> as well.
String[] list = new String[]{"Apple","Banana","Carrot","Durian"};
html.set("list", list);

html.render( out );

{#example_2}
{!--
  -- Zebra-striping your tables is easy
  -- with the |alternate(this,that) filter.
  --}
<style>
 table.zebra tr.even { background-color: whitesmoke; }
 table.zebra tr.odd  { background-color: lightgreen; }
 table.zebra th { text-align: left; padding: 0 10px 0 0; }
 table.zebra td { padding-right: 10px; }
</style>

<table cellspacing="0" cellpadding="2" border="0" class="zebra">
 <tr>
  <th>ID</th>
  <th>Name</th>
  <th>Balance</th>
 </tr>
 
{% loop in $accounts as $acct counter="$i" %}
 <tr class="{$i|alternate(even,odd)}">
  <td>{$acct.id}</td>
  <td>{$acct.name}</td>
  <td align="right">{% $acct.balance|sprintf($%,.2f) %}</td>
 </tr>
{% endloop %}

</table>
{#}

Theme theme = new Theme("examples");

// Fetch template from this file: themes/examples/joinzebra.chtml
// Inside that file there is a template "snippet" named #example_2
Chunk html = theme.makeChunk("joinzebra#example_2");

// getAccounts can return an object that implements com.x5.util.TableData
// or any array/list of Map<String,Object> objects
// or an array/list of objects that implement com.x5.util.DataCapsule
html.set("accounts", getAccounts());

html.render( out );