<table class="govuk-table">
<caption class="govuk-table__caption govuk-visually-hidden">Frameworks</caption>
<thead class="govuk-table__head">
<tr class="govuk-table__row">
<th class="govuk-table__header" scope="col">Framework</th>
<th class="govuk-table__header" scope="col">Number of suppliers</th>
<th class="govuk-table__header" scope="col">Status</th>
<th class="govuk-table__header" scope="col">Actions</th>
</tr>
</thead>
<tbody class="govuk-table__body">
<tr class="govuk-table__row">
<td class="govuk-table__cell">RM0000 Framework name</td>
<td class="govuk-table__cell">100</td>
<td class="govuk-table__cell">active</td>
<td class="govuk-table__cell">
<nav aria-labelledby="table-actions-title-1" class="govuk-table-actions">
<h3 id="table-actions-title-1" class="govuk-visually-hidden">Row actions</h3>
<ul class="govuk-table-actions--actions">
<li class="govuk-table-actions--action"><a href="#">View</a></li>
<li class="govuk-table-actions--action"><a href="#">Remove</a></li>
<li class="govuk-table-actions--action">
<form>
<input type="submit" class="govuk-button--as-link" value="Unlink">
</form>
</li>
</ul>
</nav>
</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell">RM0000 Framework name</td>
<td class="govuk-table__cell">43</td>
<td class="govuk-table__cell">active</td>
<td class="govuk-table__cell">
<nav aria-labelledby="table-actions-title-1" class="govuk-table-actions">
<h3 id="table-actions-title-1" class="govuk-visually-hidden">Row actions</h3>
<ul class="govuk-table-actions--actions">
<li class="govuk-table-actions--action"><a href="#">View</a></li>
<li class="govuk-table-actions--action"><a href="#">Remove</a></li>
<li class="govuk-table-actions--action">
<form>
<input type="submit" class="govuk-button--as-link" value="Unlink">
</form>
</li>
</ul>
</nav>
</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell">RM0000 Framework name</td>
<td class="govuk-table__cell">123</td>
<td class="govuk-table__cell">active</td>
<td class="govuk-table__cell">
<nav aria-labelledby="table-actions-title-1" class="govuk-table-actions">
<h3 id="table-actions-title-1" class="govuk-visually-hidden">Row actions</h3>
<ul class="govuk-table-actions--actions">
<li class="govuk-table-actions--action"><a href="#">View</a></li>
<li class="govuk-table-actions--action"><a href="#">Remove</a></li>
<li class="govuk-table-actions--action">
<form>
<input type="submit" class="govuk-button--as-link" value="Unlink">
</form>
</li>
</ul>
</nav>
</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell">RM0000 Framework name</td>
<td class="govuk-table__cell">54</td>
<td class="govuk-table__cell">active</td>
<td class="govuk-table__cell">
<nav aria-labelledby="table-actions-title-1" class="govuk-table-actions">
<h3 id="table-actions-title-1" class="govuk-visually-hidden">Row actions</h3>
<ul class="govuk-table-actions--actions">
<li class="govuk-table-actions--action"><a href="#">View</a></li>
<li class="govuk-table-actions--action"><a href="#">Remove</a></li>
<li class="govuk-table-actions--action">
<form>
<input type="submit" class="govuk-button--as-link" value="Unlink">
</form>
</li>
</ul>
</nav>
</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell">RM0000 Framework name</td>
<td class="govuk-table__cell">98</td>
<td class="govuk-table__cell">active</td>
<td class="govuk-table__cell">
<nav aria-labelledby="table-actions-title-1" class="govuk-table-actions">
<h3 id="table-actions-title-1" class="govuk-visually-hidden">Row actions</h3>
<ul class="govuk-table-actions--actions">
<li class="govuk-table-actions--action"><a href="#">View</a></li>
<li class="govuk-table-actions--action"><a href="#">Remove</a></li>
<li class="govuk-table-actions--action">
<form>
<input type="submit" class="govuk-button--as-link" value="Unlink">
</form>
</li>
</ul>
</nav>
</td>
</tr>
</tbody>
</table>
<table class="govuk-table">
<caption class="govuk-table__caption govuk-visually-hidden">Frameworks</caption>
<thead class="govuk-table__head">
<tr class="govuk-table__row">
<th class="govuk-table__header" scope="col">Framework</th>
<th class="govuk-table__header" scope="col">Number of suppliers</th>
<th class="govuk-table__header" scope="col">Status</th>
<th class="govuk-table__header" scope="col">Actions</th>
</tr>
</thead>
<tbody class="govuk-table__body">
{{#each frameworks as |framework|}}
<tr class="govuk-table__row">
<td class="govuk-table__cell">{{framework.short_name}} {{framework.name}}</td>
<td class="govuk-table__cell">{{framework.supplier_count}}</td>
<td class="govuk-table__cell">{{framework.status}}</td>
<td class="govuk-table__cell">{{>@table-actions}}</td>
</tr>
{{/each}}
</tbody>
</table>
{
"frameworks": [
{
"id": 12345,
"short_name": "RM0000",
"name": "Framework name",
"status": "active",
"supplier_count": 100
},
{
"id": 12345,
"short_name": "RM0000",
"name": "Framework name",
"status": "active",
"supplier_count": 43
},
{
"id": 12345,
"short_name": "RM0000",
"name": "Framework name",
"status": "active",
"supplier_count": 123
},
{
"id": 12345,
"short_name": "RM0000",
"name": "Framework name",
"status": "active",
"supplier_count": 54
},
{
"id": 12345,
"short_name": "RM0000",
"name": "Framework name",
"status": "active",
"supplier_count": 98
}
]
}
There are no notes for this item.