<table class="table table-striped">
<thead class=" table-dark">
<tr>
<th scope="col" class="">#</th>
<th scope="col" class="">First</th>
<th scope="col" class="">Last</th>
<th scope="col" class="">handle</th>
</tr>
</thead>
<tbody class="">
<tr class="">
<th class="" scope="row">1</th>
<td class="">Mark</td>
<td class="">Otto</td>
<td class="">@mdo</td>
</tr>
<tr class="">
<th class="" scope="row">2</th>
<td class="">Jacob</td>
<td class="">Thornton</td>
<td class="">@fat</td>
</tr>
<tr class="">
<th class="" scope="row">3</th>
<td class="">Larry</td>
<td class="">The Bird</td>
<td class="">@twitter</td>
</tr>
</tbody>
</table>
<table class="table{{modifiers modifiers}}">
<thead class="{{modifiers head-modifiers}}">
<tr>
{{#each head.items}}
<th scope="col" class="{{modifiers modifiers}}">{{{content}}}</th>
{{/each}}
</tr>
</thead>
<tbody class="{{modifiers body-modifiers}}">
{{#each body.rows}}
<tr class="{{modifiers modifiers}}">
{{#each cols}}
{{#if th}}
<th class="{{modifiers modifiers}}" scope="row">{{{content}}}</th>
{{else}}
<td class="{{modifiers modifiers}}">{{{content}}}</td>
{{/if}}
{{/each}}
</tr>
{{/each}}
</tbody>
</table>
{
"head": {
"items": [
{
"content": "#"
},
{
"content": "First"
},
{
"content": "Last"
},
{
"content": "handle"
}
]
},
"body": {
"rows": [
{
"cols": [
{
"th": true,
"content": "1"
},
{
"content": "Mark"
},
{
"content": "Otto"
},
{
"content": "@mdo"
}
]
},
{
"cols": [
{
"th": true,
"content": "2"
},
{
"content": "Jacob"
},
{
"content": "Thornton"
},
{
"content": "@fat"
}
]
},
{
"cols": [
{
"th": true,
"content": "3"
},
{
"content": "Larry"
},
{
"content": "The Bird"
},
{
"content": "@twitter"
}
]
}
]
}
}
No notes defined.