Artifact
1f95bc25d214320569578b6c27940190841ffe62c41435efa7fd553484c94eeb:
<loop-cols>
<table>
<caption>Loop Cols</caption>
<colgroup>
<col each={headers}>
</colgroup>
<thead>
<tr>
<th each={header in headers}>{header}</th>
</tr>
</thead>
<tbody>
<tr each={row in data}>
<td each={value in row}>{value}</td>
</tr>
</tbody>
</table>
this.headers = [
'Name',
'Number',
'Address',
'City',
'Contact'
]
this.data = [
['Abc', '10', 'A 4B', 'MΓ©xico', 'Juan'],
['Def', '20', 'B 50', 'USA', 'Anna'],
['Ghi', '30', 'D 60', 'Japan', ''],
['Jkl', '40', 'E 1C', 'France', 'Balbina']
]
</loop-cols>