Govspeak content (HTML Publications) example
Financial table
How it looks (preview)
| 2015-16 | 2016-17 | 2017-18 | 2018-19 | 2019-20 | 2020-21 | |
|---|---|---|---|---|---|---|
| Current Expenditure | ||||||
| Resource AME | 345.3 | 353.3 | 365.9 | 378.4 | 391.8 | 403.9 |
| Resource DEL excluding depreciation | 315.1 | 320.8 | 322.9 | 325.2 | 328.3 | 341.2 |
| Ring-fenced depreciation | 21.9 | 21.9 | 21.9 | 21.9 | 21.9 | 21.9 |
| Public Sector Current Expenditure | 682.3 | 696.0 | 710.7 | 725.5 | 742.0 | 767.0 |
| Capital Expenditure | ||||||
| Capital AME | 31.7 | 33.4 | 31.7 | 30.7 | 31.7 | 34.5 |
| Capital DEL | 41.7 | 44.0 | 45.0 | 45.0 | 47.3 | 55.7 |
| Public Sector Gross Investment | 73.4 | 77.4 | 76.7 | 75.7 | 79.0 | 90.2 |
| Total Managed Expenditure | 755.7 | 773.3 | 787.5 | 801.2 | 821.0 | 857.2 |
| Total Managed Expenditure (% GDP) | 39.7% | 39.1% | 38.1% | 37.2% | 36.5% | 36.4% |
How to call this example
<%= render "govuk_publishing_components/components/govspeak_html_publication", {
} do %>
<table class="financial-data">
<caption>Table 1.6: Total Managed Expenditure (as produced by the <a href="https://alphagov.github.io/table-editor/financial-tables.html">financial table editor</a>)</caption>
<thead>
<tr>
<td></td>
<th class="numeric">2015-16</th>
<th class="numeric">2016-17</th>
<th class="numeric">2017-18</th>
<th class="numeric">2018-19</th>
<th class="numeric">2019-20</th>
<th class="numeric">2020-21</th>
</tr>
</thead>
<tbody>
<tr class="section-heading">
<th colspan="7">Current Expenditure</th>
</tr>
<tr>
<th>Resource AME</th>
<td class="numeric">345.3</td>
<td class="numeric">353.3</td>
<td class="numeric">365.9</td>
<td class="numeric">378.4</td>
<td class="numeric">391.8</td>
<td class="numeric">403.9</td>
</tr>
<tr>
<th>Resource DEL excluding depreciation</th>
<td class="numeric">315.1</td>
<td class="numeric">320.8</td>
<td class="numeric">322.9</td>
<td class="numeric">325.2</td>
<td class="numeric">328.3</td>
<td class="numeric">341.2</td>
</tr>
<tr>
<th>Ring-fenced depreciation</th>
<td class="numeric">21.9</td>
<td class="numeric">21.9</td>
<td class="numeric">21.9</td>
<td class="numeric">21.9</td>
<td class="numeric">21.9</td>
<td class="numeric">21.9</td>
</tr>
<tr class="subtotal">
<th>Public Sector Current Expenditure</th>
<td class="numeric">682.3</td>
<td class="numeric">696.0</td>
<td class="numeric">710.7</td>
<td class="numeric">725.5</td>
<td class="numeric">742.0</td>
<td class="numeric">767.0</td>
</tr>
<tr class="section-heading">
<th colspan="7">Capital Expenditure</th>
</tr>
<tr>
<th>Capital AME</th>
<td class="numeric">31.7</td>
<td class="numeric">33.4</td>
<td class="numeric">31.7</td>
<td class="numeric">30.7</td>
<td class="numeric">31.7</td>
<td class="numeric">34.5</td>
</tr>
<tr>
<th>Capital DEL</th>
<td class="numeric">41.7</td>
<td class="numeric">44.0</td>
<td class="numeric">45.0</td>
<td class="numeric">45.0</td>
<td class="numeric">47.3</td>
<td class="numeric">55.7</td>
</tr>
<tr class="subtotal">
<th>Public Sector Gross Investment</th>
<td class="numeric">73.4</td>
<td class="numeric">77.4</td>
<td class="numeric">76.7</td>
<td class="numeric">75.7</td>
<td class="numeric">79.0</td>
<td class="numeric">90.2</td>
</tr>
</tbody>
<tfoot>
<tr class="total">
<th>Total Managed Expenditure</th>
<td class="numeric">755.7</td>
<td class="numeric">773.3</td>
<td class="numeric">787.5</td>
<td class="numeric">801.2</td>
<td class="numeric">821.0</td>
<td class="numeric">857.2</td>
</tr>
<tr>
<th>Total Managed Expenditure (% GDP)</th>
<td class="numeric">39.7%</td>
<td class="numeric">39.1%</td>
<td class="numeric">38.1%</td>
<td class="numeric">37.2%</td>
<td class="numeric">36.5%</td>
<td class="numeric">36.4%</td>
</tr>
</tfoot>
</table>
<% end %>