如何在我的html中使用变色龙和金字塔制作循环? 我搜索,但我发现没有像这样= / 在这种情况下更容易使用javascript? 我在MACADMIN(bootstrap主题)中使用数据表。
<div class="table-responsive">
<table cellpadding="0" cellspacing="0" border="0" id="data-table" width="100%">
<thead>
<tr>
<th>
Rendering engine
</th>
<th>
Browser
</th>
<th>
Platform(s)
</th>
<th>
Engine version
</th>
<th>
CSS grade
</th>
</tr>
</thead>
<tbody>
Maybe put FOR here? like {for x items in "TABLE"}
<tr>
<td>
{orgao_doc[x].nome}
</td>
<td>
{orgao_doc[x].cargo}
</td>
<td>
{orgao_doc[x].coleta}
</td>
<td>
{orgao_doc[x].email}
</td>
<td>
{orgao_doc[x].endereco}
</td>
</tr>
</tbody>
</table>
<div class="clearfix">
</div>
</div>
答案 0 :(得分:1)
使用tal:repeat
attribute重复模板的某些部分,给定一个序列:
<tbody>
<tr tal:repeat="item orgao_doc">
<td>${item.nome}</td>
<td>${item.cargo}</td>
<td>${item.coleta}</td>
<td>${item.email}</td>
<td>${item.endereco}</td>
</tr>
</tbody>
<tr>
标记重复插入输出中,对orgao_doc
中的每个元素重复一次。在渲染模板的这一部分时,名称item
绑定到每个元素。