Report Examples List-section report with summaries
This is an example report using the list-section template, with summaries
Contents
<div class="govuk-width-container">
<div class="govuk-width-container report-list-container">
<div class="dpr-reports-heading-container govuk-!-margin-top-5">
<div class="dpr-report-header">
<div class="dpr-report-heading__actions">
<div class="report-actions" data-dpr-module='report-actions'>
<div class="moj-button-menu"></div>
<div class="dpr-display-none">
</div>
</div>
</div>
<div class="dpr-report-heading">
<div class="dpr-report-heading__title">
<span class="govuk-caption-l">B Test Report</span>
<h1 class="govuk-heading-l">
Page Summaries and Sections
</h1>
</div>
</div>
<div id="dpr-download-message" class="dpr-download-message--hidden govuk-!-margin-bottom-6" data-dpr-module='download-message'>
<article class="moj-ticket-panel" aria-label="Sub navigation 1">
<section class="moj-ticket-panel__content moj-ticket-panel__content--blue" aria-label="Section 1">
<h2 class="govuk-heading-m">To download this report</h2>
<p><a href="/download/test-report-2/variantId-10/tblId_1747314657029/feedback?reportUrl=/async/report/test-report-2/variantId-10/request/tblId_1747314657029/report" class="govuk-link govuk-link--no-visited-state">Fill out a form</a>, which will take about 1 minute to complete.</p>
<p>You can then download the report whenever you need it.</p>
</section>
</article>
</div>
<details class="govuk-details dpr-meta-data-details">
<summary class="govuk-details__summary">
<span class="govuk-details__summary-text">
Report details
</span>
</summary>
<div class="govuk-details__text">
<div class="dpr-request-details">
<table class="dpr-request-details__table">
<tbody>
<tr>
<td class="dpr-request-details__table-heading">
<p class="govuk-body-m dpr-request-details__table-heading_name">Name:</p>
</td>
<td>
<h1 class="govuk-heading-s govuk-!-margin-bottom-0">Page Summaries and Sections</h1>
</td>
</tr>
<tr>
<td class="dpr-request-details__table-heading">
<p class="govuk-body-m dpr-request-details__table-heading_name">Product:</p>
</td>
<td>
<h1 class="govuk-heading-s govuk-!-margin-bottom-0">B Test Report</h1>
</td>
</tr>
<tr>
<td class="dpr-request-details__table-heading">
<p class="govuk-body-m dpr-request-details__table-heading_name">Description:</p>
</td>
<td>
<p class="govuk-body-m govuk-!-margin-bottom-0">A report with summaries and sections.</p>
</td>
</tr>
<tr>
<td class="dpr-request-details__table-heading">
<p class="govuk-body-m dpr-request-details__table-heading_name">Classification:</p>
</td>
<td>
<p class="govuk-body-m govuk-!-margin-bottom-0">OFFICIAL</p>
</td>
</tr>
<tr>
<td class="dpr-request-details__table-heading">
<p class="govuk-body-m dpr-request-details__table-heading_name">Requested at:</p>
</td>
<td>
<p class="govuk-body-m govuk-!-margin-bottom-0">15/05/2025, 14:10:58</p>
</td>
</tr>
<tr>
<td class="dpr-request-details__table-heading">
<p class="govuk-body-m dpr-request-details__table-heading_name">Applied Filters:</p>
</td>
<td>
<ul>
<li class="govuk-body govuk-!-margin-bottom-0">Field 3 start: 01/02/2003</li>
<li class="govuk-body govuk-!-margin-bottom-0">Field 3 end: 04/05/2007</li>
<li class="govuk-body govuk-!-margin-bottom-0">Sort column: Field 1</li>
<li class="govuk-body govuk-!-margin-bottom-0">Sort direction: Ascending</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</details>
<div class="dpr-report-details-print">
<div class="dpr-request-details">
<table class="dpr-request-details__table">
<tbody>
<tr>
<td class="dpr-request-details__table-heading">
<p class="govuk-body-m dpr-request-details__table-heading_name">Name:</p>
</td>
<td>
<h1 class="govuk-heading-s govuk-!-margin-bottom-0">Page Summaries and Sections</h1>
</td>
</tr>
<tr>
<td class="dpr-request-details__table-heading">
<p class="govuk-body-m dpr-request-details__table-heading_name">Product:</p>
</td>
<td>
<h1 class="govuk-heading-s govuk-!-margin-bottom-0">B Test Report</h1>
</td>
</tr>
<tr>
<td class="dpr-request-details__table-heading">
<p class="govuk-body-m dpr-request-details__table-heading_name">Description:</p>
</td>
<td>
<p class="govuk-body-m govuk-!-margin-bottom-0">A report with summaries and sections.</p>
</td>
</tr>
<tr>
<td class="dpr-request-details__table-heading">
<p class="govuk-body-m dpr-request-details__table-heading_name">Classification:</p>
</td>
<td>
<p class="govuk-body-m govuk-!-margin-bottom-0">OFFICIAL</p>
</td>
</tr>
<tr>
<td class="dpr-request-details__table-heading">
<p class="govuk-body-m dpr-request-details__table-heading_name">Requested at:</p>
</td>
<td>
<p class="govuk-body-m govuk-!-margin-bottom-0">15/05/2025, 14:10:58</p>
</td>
</tr>
<tr>
<td class="dpr-request-details__table-heading">
<p class="govuk-body-m dpr-request-details__table-heading_name">Applied Filters:</p>
</td>
<td>
<ul>
<li class="govuk-body govuk-!-margin-bottom-0">Field 3 start: 01/02/2003</li>
<li class="govuk-body govuk-!-margin-bottom-0">Field 3 end: 04/05/2007</li>
<li class="govuk-body govuk-!-margin-bottom-0">Sort column: Field 1</li>
<li class="govuk-body govuk-!-margin-bottom-0">Sort direction: Ascending</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="dpr-report-interactive-actions">
<div class="dpr-columns-section-wrapper">
<div class="dpr-columns-section-heading">
<p class="govuk-body"><strong>Columns</strong></p>
</div>
<div class="dpr-interactive-filters-accordion">
<div class="columns-section-button">
<details class="govuk-details">
<summary class="govuk-details__summary">
<span class="govuk-details__summary-text">
Show columns (4 of 5 shown)
</span>
</summary>
<div class="govuk-details__text">
<form data-dpr-module="columns" class="dpr-columns-form">
<div class="columns-container">
<div class="govuk-form-group govuk-!-margin-bottom-3">
<fieldset class="govuk-fieldset" aria-label="columns checkboxes">
<legend class="govuk-fieldset__legend govuk-label govuk-!-font-weight-bold">
Select report columns
</legend>
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="columns" name="columns" type="checkbox" value="field1" checked>
<label class="govuk-label govuk-checkboxes__label" for="columns">
Field 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="columns-2" name="columns" type="checkbox" value="field2" checked>
<label class="govuk-label govuk-checkboxes__label" for="columns-2">
Field 2
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="columns-3" name="columns" type="checkbox" value="field3" checked>
<label class="govuk-label govuk-checkboxes__label" for="columns-3">
Field 3
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="columns-4" name="columns" type="checkbox" value="field4" checked>
<label class="govuk-label govuk-checkboxes__label" for="columns-4">
Field 4
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="columns-5" name="columns" type="checkbox" value="field6">
<label class="govuk-label govuk-checkboxes__label" for="columns-5">
Field 6
</label>
</div>
</div>
</fieldset>
</div>
</div>
<div class="govuk-button-group">
<button type="submit" class="govuk-button govuk-button govuk-!-margin-bottom-0 dpr-apply-columns-button" data-module="govuk-button">
Apply columns
</button>
<a class="govuk-link govuk-link--no-visited-state dpr-reset-columns-button" href="#">Reset columns</a>
</div>
</form>
</div>
</details>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="report-template-container ">
<div class="dpr-summary-container-group dpr-summary-container-group-page-header">
<div class="dpr-summary-container">
<table class="govuk-table">
<thead class="govuk-table__head">
<tr class="govuk-table__row">
<th scope="col" class="govuk-table__header">Total</th>
</tr>
</thead>
<tbody class="govuk-table__body">
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">52</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="dpr-report-totals">
<p class="govuk-body"></p>
</div>
<div class='dpr-table-container dpr-table-container--list-section'>
<div id="table-container" class='dpr-table-container' data-dpr-module="data-table">
<div class="dpr-overflow-gradient" id="dpr-overflow-gradient"></div>
<div class="dpr-table-wrapper" id="dpr-table-wrapper">
<table class="govuk-table" id="dpr-data-table" data-classification="" data-col-length="4">
<tbody class="govuk-table__body">
<tr class="govuk-table__row">
<td class="govuk-table__cell dpr-section-header" colspan="4">
<h2 class="govuk-heading-m">First: One, Second: A <span class='govuk-caption-m'>17 results</span></h2>
</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell dpr-section-header-spacer-bottom" colspan="4"></td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__header">Field 1</td>
<td class="govuk-table__cell govuk-table__header">Field 2</td>
<td class="govuk-table__cell govuk-table__header">Field 3</td>
<td class="govuk-table__cell govuk-table__header">Field 4</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string dpr-report-summary-cell dpr-report-summary-cell-table-header">Section One A Header</td>
<td class="govuk-table__cell govuk-table__cell--string dpr-report-summary-cell dpr-report-summary-cell-table-header">1</td>
<td class="govuk-table__cell govuk-table__cell--string dpr-report-summary-cell dpr-report-summary-cell-table-header">12219380923</td>
<td class="govuk-table__cell govuk-table__cell--string dpr-report-summary-cell dpr-report-summary-cell-table-header">4 Freds</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Value 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 2</td>
<td class="govuk-table__cell govuk-table__cell--string">01/02/03 01:00</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 4</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Value 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 2</td>
<td class="govuk-table__cell govuk-table__cell--string">01/02/03 01:00</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 4</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Value 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 2</td>
<td class="govuk-table__cell govuk-table__cell--string">01/02/03 01:00</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 4</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Value 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 2</td>
<td class="govuk-table__cell govuk-table__cell--string">01/02/03 01:00</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 4</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Value 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 2</td>
<td class="govuk-table__cell govuk-table__cell--string">01/02/03 01:00</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 4</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Value 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 2</td>
<td class="govuk-table__cell govuk-table__cell--string">01/02/03 01:00</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 4</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string dpr-report-summary-cell dpr-report-summary-cell-table-footer">Section One A Footer</td>
<td class="govuk-table__cell govuk-table__cell--string dpr-report-summary-cell dpr-report-summary-cell-table-footer">1</td>
<td class="govuk-table__cell govuk-table__cell--string dpr-report-summary-cell dpr-report-summary-cell-table-footer">12219380923</td>
<td class="govuk-table__cell govuk-table__cell--string dpr-report-summary-cell dpr-report-summary-cell-table-footer">6 Freds</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell dpr-section-header-spacer" colspan="4"></td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell dpr-section-header" colspan="4">
<h2 class="govuk-heading-m">First: One, Second: B <span class='govuk-caption-m'>33 results</span></h2>
</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell dpr-section-header-spacer-bottom" colspan="4"></td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__header">Field 1</td>
<td class="govuk-table__cell govuk-table__header">Field 2</td>
<td class="govuk-table__cell govuk-table__header">Field 3</td>
<td class="govuk-table__cell govuk-table__header">Field 4</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Value 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 2</td>
<td class="govuk-table__cell govuk-table__cell--string">01/02/03 01:00</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 4</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Value 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 2</td>
<td class="govuk-table__cell govuk-table__cell--string">01/02/03 01:00</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 4</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Value 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 2</td>
<td class="govuk-table__cell govuk-table__cell--string">01/02/03 01:00</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 4</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Value 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 2</td>
<td class="govuk-table__cell govuk-table__cell--string">01/02/03 01:00</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 4</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Value 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 2</td>
<td class="govuk-table__cell govuk-table__cell--string">01/02/03 01:00</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 4</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Value 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 2</td>
<td class="govuk-table__cell govuk-table__cell--string">01/02/03 01:00</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 4</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Value 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 2</td>
<td class="govuk-table__cell govuk-table__cell--string">01/02/03 01:00</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 4</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string dpr-report-summary-cell dpr-report-summary-cell-table-footer">Section One B Footer</td>
<td class="govuk-table__cell govuk-table__cell--string dpr-report-summary-cell dpr-report-summary-cell-table-footer">1</td>
<td class="govuk-table__cell govuk-table__cell--string dpr-report-summary-cell dpr-report-summary-cell-table-footer">12219380923</td>
<td class="govuk-table__cell govuk-table__cell--string dpr-report-summary-cell dpr-report-summary-cell-table-footer">7 Freds</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell dpr-section-header-spacer" colspan="4"></td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell dpr-section-header" colspan="4">
<h2 class="govuk-heading-m">First: Two, Second: A <span class='govuk-caption-m'>17 results</span></h2>
</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell dpr-section-header-spacer-bottom" colspan="4"></td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__header">Field 1</td>
<td class="govuk-table__cell govuk-table__header">Field 2</td>
<td class="govuk-table__cell govuk-table__header">Field 3</td>
<td class="govuk-table__cell govuk-table__header">Field 4</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string dpr-report-summary-cell dpr-report-summary-cell-table-header">Section Two A Header</td>
<td class="govuk-table__cell govuk-table__cell--string dpr-report-summary-cell dpr-report-summary-cell-table-header">1</td>
<td class="govuk-table__cell govuk-table__cell--string dpr-report-summary-cell dpr-report-summary-cell-table-header">12219380923</td>
<td class="govuk-table__cell govuk-table__cell--string dpr-report-summary-cell dpr-report-summary-cell-table-header">5 Freds</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Value 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 2</td>
<td class="govuk-table__cell govuk-table__cell--string">01/02/03 01:00</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 4</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Value 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 2</td>
<td class="govuk-table__cell govuk-table__cell--string">01/02/03 01:00</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 4</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Value 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 2</td>
<td class="govuk-table__cell govuk-table__cell--string">01/02/03 01:00</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 4</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell dpr-section-header-spacer" colspan="4"></td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell dpr-section-header" colspan="4">
<h2 class="govuk-heading-m">First: Two, Second: B <span class='govuk-caption-m'>33 results</span></h2>
</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell dpr-section-header-spacer-bottom" colspan="4"></td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__header">Field 1</td>
<td class="govuk-table__cell govuk-table__header">Field 2</td>
<td class="govuk-table__cell govuk-table__header">Field 3</td>
<td class="govuk-table__cell govuk-table__header">Field 4</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Value 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 2</td>
<td class="govuk-table__cell govuk-table__cell--string">01/02/03 01:00</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 4</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Value 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 2</td>
<td class="govuk-table__cell govuk-table__cell--string">01/02/03 01:00</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 4</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Value 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 2</td>
<td class="govuk-table__cell govuk-table__cell--string">01/02/03 01:00</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 4</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Value 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 2</td>
<td class="govuk-table__cell govuk-table__cell--string">01/02/03 01:00</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 4</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Value 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 2</td>
<td class="govuk-table__cell govuk-table__cell--string">01/02/03 01:00</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 4</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Value 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 2</td>
<td class="govuk-table__cell govuk-table__cell--string">01/02/03 01:00</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 4</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Value 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 2</td>
<td class="govuk-table__cell govuk-table__cell--string">01/02/03 01:00</td>
<td class="govuk-table__cell govuk-table__cell--string">Value 4</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class='govuk-!-margin-bottom-6'>
<div class="dpr-report-totals">
<p class="govuk-body"></p>
</div>
</div>
<div class="dpr-summary-container-group dpr-summary-container-group-page-footer">
<div class="dpr-summary-container">
<table class="govuk-table">
<thead class="govuk-table__head">
<tr class="govuk-table__row">
<th scope="col" class="govuk-table__header">Good (%)</th>
<th scope="col" class="govuk-table__header">Bad (%)</th>
<th scope="col" class="govuk-table__header">Ugly (%)</th>
</tr>
</thead>
<tbody class="govuk-table__body">
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">1</td>
<td class="govuk-table__cell govuk-table__cell--string">10</td>
<td class="govuk-table__cell govuk-table__cell--string">89</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
{%- from "dpr/components/_reports/report-wrapper/view.njk" import dprReportWrapper -%}
{% set data = {
"columns": {
"name": "columns",
"options": [
{
"text": "Field 1",
"value": "field1",
"disabled": false
},
{
"text": "Field 2",
"value": "field2",
"disabled": false
},
{
"text": "Field 3",
"value": "field3",
"disabled": false
},
{
"text": "Field 4",
"value": "field4"
},
{
"text": "Field 6",
"value": "field6",
"disabled": false
}
],
"text": "Select report columns",
"value": [
"field1",
"field2",
"field3",
"field4"
]
},
"filterData": {
"filters": [],
"selectedFilters": []
},
"count": 100,
"csrfToken": "csrfToken",
"classification": "OFFICIAL",
"template": "list-section",
"loadType": "async",
"type": "report",
"actions": [],
"canDownload": false,
"printable": true,
"reportName": "B Test Report",
"name": "Page Summaries and Sections",
"description": "A report with summaries and sections.",
"requestedTimestamp": "15/05/2025, 14:10:58",
"reportId": "test-report-2",
"tableId": "tblId_1747314657029",
"id": "variantId-10",
"executionId": "exId_1747314657029",
"querySummary": [
{
"name": "Field 3 start",
"value": "01/02/2003"
},
{
"name": "Field 3 end",
"value": "04/05/2007"
},
{
"name": "Sort Column",
"value": "Field 1"
},
{
"name": "Sort Direction",
"value": "Ascending"
}
],
"requestUrl": {
"fullUrl": "http://localhost:3010/async/report/test-report-2/variantId-10/request?filters.field3.start=2003-02-01&filters.field3.end=2007-05-04&sortColumn=field1&sortedAsc=true",
"pathname": "/async/report/test-report-2/variantId-10/request",
"search": "?filters.field3.start=2003-02-01&filters.field3.end=2007-05-04&sortColumn=field1&sortedAsc=true"
},
"reportUrl": "/async/report/test-report-2/variantId-10/request/tblId_1747314657029/report",
"reportSearch": null,
"search": null,
"pathname": "/async/report/test-report-2/variantId-10/request/tblId_1747314657029/report",
"reportSummaries": {
"page-header": [
{
"head": [
{
"text": "Total",
"classes": null
}
],
"rows": [
[
{
"fieldName": "total",
"text": 52,
"format": "string",
"classes": ""
}
]
],
"rowCount": 1,
"colCount": 1
}
],
"page-footer": [
{
"head": [
{
"text": "Good (%)",
"classes": null
},
{
"text": "Bad (%)",
"classes": null
},
{
"text": "Ugly (%)",
"classes": null
}
],
"rows": [
[
{
"fieldName": "percentGood",
"text": 1,
"format": "string",
"classes": ""
},
{
"fieldName": "percentBad",
"text": 10,
"format": "string",
"classes": ""
},
{
"fieldName": "percentUgly",
"text": 89,
"format": "string",
"classes": ""
}
]
],
"rowCount": 1,
"colCount": 3
}
]
},
"dataTable": [{
"head": null,
"rows": [
[
{
"classes": "dpr-section-header",
"colspan": 4,
"html": "<h2 class=\"govuk-heading-m\">First: One, Second: A <span class='govuk-caption-m'>17 results</span></h2>"
}
],
[
{
"classes": "dpr-section-header-spacer-bottom",
"colspan": 4,
"text": ""
}
],
[
{
"text": "Field 1",
"classes": "govuk-table__header"
},
{
"text": "Field 2",
"classes": "govuk-table__header"
},
{
"text": "Field 3",
"classes": "govuk-table__header"
},
{
"text": "Field 4",
"classes": "govuk-table__header"
}
],
[
{
"fieldName": "field1",
"text": "Section One A Header",
"format": "string",
"classes": "dpr-report-summary-cell dpr-report-summary-cell-table-header"
},
{
"fieldName": "field2",
"text": 1,
"format": "string",
"classes": "dpr-report-summary-cell dpr-report-summary-cell-table-header"
},
{
"fieldName": "field3",
"text": 12219380923,
"format": "string",
"classes": "dpr-report-summary-cell dpr-report-summary-cell-table-header"
},
{
"fieldName": "field4",
"text": "4 Freds",
"format": "string",
"classes": "dpr-report-summary-cell dpr-report-summary-cell-table-header"
}
],
[
{
"fieldName": "field1",
"text": "Value 1",
"format": "string",
"classes": ""
},
{
"fieldName": "field2",
"text": "Value 2",
"format": "string",
"classes": ""
},
{
"fieldName": "field3",
"text": "01/02/03 01:00",
"format": "string",
"classes": ""
},
{
"fieldName": "field4",
"text": "Value 4",
"format": "string",
"classes": ""
}
],
[
{
"fieldName": "field1",
"text": "Value 1",
"format": "string",
"classes": ""
},
{
"fieldName": "field2",
"text": "Value 2",
"format": "string",
"classes": ""
},
{
"fieldName": "field3",
"text": "01/02/03 01:00",
"format": "string",
"classes": ""
},
{
"fieldName": "field4",
"text": "Value 4",
"format": "string",
"classes": ""
}
],
[
{
"fieldName": "field1",
"text": "Value 1",
"format": "string",
"classes": ""
},
{
"fieldName": "field2",
"text": "Value 2",
"format": "string",
"classes": ""
},
{
"fieldName": "field3",
"text": "01/02/03 01:00",
"format": "string",
"classes": ""
},
{
"fieldName": "field4",
"text": "Value 4",
"format": "string",
"classes": ""
}
],
[
{
"fieldName": "field1",
"text": "Value 1",
"format": "string",
"classes": ""
},
{
"fieldName": "field2",
"text": "Value 2",
"format": "string",
"classes": ""
},
{
"fieldName": "field3",
"text": "01/02/03 01:00",
"format": "string",
"classes": ""
},
{
"fieldName": "field4",
"text": "Value 4",
"format": "string",
"classes": ""
}
],
[
{
"fieldName": "field1",
"text": "Value 1",
"format": "string",
"classes": ""
},
{
"fieldName": "field2",
"text": "Value 2",
"format": "string",
"classes": ""
},
{
"fieldName": "field3",
"text": "01/02/03 01:00",
"format": "string",
"classes": ""
},
{
"fieldName": "field4",
"text": "Value 4",
"format": "string",
"classes": ""
}
],
[
{
"fieldName": "field1",
"text": "Value 1",
"format": "string",
"classes": ""
},
{
"fieldName": "field2",
"text": "Value 2",
"format": "string",
"classes": ""
},
{
"fieldName": "field3",
"text": "01/02/03 01:00",
"format": "string",
"classes": ""
},
{
"fieldName": "field4",
"text": "Value 4",
"format": "string",
"classes": ""
}
],
[
{
"fieldName": "field1",
"text": "Section One A Footer",
"format": "string",
"classes": "dpr-report-summary-cell dpr-report-summary-cell-table-footer"
},
{
"fieldName": "field2",
"text": 1,
"format": "string",
"classes": "dpr-report-summary-cell dpr-report-summary-cell-table-footer"
},
{
"fieldName": "field3",
"text": 12219380923,
"format": "string",
"classes": "dpr-report-summary-cell dpr-report-summary-cell-table-footer"
},
{
"fieldName": "field4",
"text": "6 Freds",
"format": "string",
"classes": "dpr-report-summary-cell dpr-report-summary-cell-table-footer"
}
],
[
{
"classes": "dpr-section-header-spacer",
"colspan": 4,
"text": ""
}
],
[
{
"classes": "dpr-section-header",
"colspan": 4,
"html": "<h2 class=\"govuk-heading-m\">First: One, Second: B <span class='govuk-caption-m'>33 results</span></h2>"
}
],
[
{
"classes": "dpr-section-header-spacer-bottom",
"colspan": 4,
"text": ""
}
],
[
{
"text": "Field 1",
"classes": "govuk-table__header"
},
{
"text": "Field 2",
"classes": "govuk-table__header"
},
{
"text": "Field 3",
"classes": "govuk-table__header"
},
{
"text": "Field 4",
"classes": "govuk-table__header"
}
],
[
{
"fieldName": "field1",
"text": "Value 1",
"format": "string",
"classes": ""
},
{
"fieldName": "field2",
"text": "Value 2",
"format": "string",
"classes": ""
},
{
"fieldName": "field3",
"text": "01/02/03 01:00",
"format": "string",
"classes": ""
},
{
"fieldName": "field4",
"text": "Value 4",
"format": "string",
"classes": ""
}
],
[
{
"fieldName": "field1",
"text": "Value 1",
"format": "string",
"classes": ""
},
{
"fieldName": "field2",
"text": "Value 2",
"format": "string",
"classes": ""
},
{
"fieldName": "field3",
"text": "01/02/03 01:00",
"format": "string",
"classes": ""
},
{
"fieldName": "field4",
"text": "Value 4",
"format": "string",
"classes": ""
}
],
[
{
"fieldName": "field1",
"text": "Value 1",
"format": "string",
"classes": ""
},
{
"fieldName": "field2",
"text": "Value 2",
"format": "string",
"classes": ""
},
{
"fieldName": "field3",
"text": "01/02/03 01:00",
"format": "string",
"classes": ""
},
{
"fieldName": "field4",
"text": "Value 4",
"format": "string",
"classes": ""
}
],
[
{
"fieldName": "field1",
"text": "Value 1",
"format": "string",
"classes": ""
},
{
"fieldName": "field2",
"text": "Value 2",
"format": "string",
"classes": ""
},
{
"fieldName": "field3",
"text": "01/02/03 01:00",
"format": "string",
"classes": ""
},
{
"fieldName": "field4",
"text": "Value 4",
"format": "string",
"classes": ""
}
],
[
{
"fieldName": "field1",
"text": "Value 1",
"format": "string",
"classes": ""
},
{
"fieldName": "field2",
"text": "Value 2",
"format": "string",
"classes": ""
},
{
"fieldName": "field3",
"text": "01/02/03 01:00",
"format": "string",
"classes": ""
},
{
"fieldName": "field4",
"text": "Value 4",
"format": "string",
"classes": ""
}
],
[
{
"fieldName": "field1",
"text": "Value 1",
"format": "string",
"classes": ""
},
{
"fieldName": "field2",
"text": "Value 2",
"format": "string",
"classes": ""
},
{
"fieldName": "field3",
"text": "01/02/03 01:00",
"format": "string",
"classes": ""
},
{
"fieldName": "field4",
"text": "Value 4",
"format": "string",
"classes": ""
}
],
[
{
"fieldName": "field1",
"text": "Value 1",
"format": "string",
"classes": ""
},
{
"fieldName": "field2",
"text": "Value 2",
"format": "string",
"classes": ""
},
{
"fieldName": "field3",
"text": "01/02/03 01:00",
"format": "string",
"classes": ""
},
{
"fieldName": "field4",
"text": "Value 4",
"format": "string",
"classes": ""
}
],
[
{
"fieldName": "field1",
"text": "Section One B Footer",
"format": "string",
"classes": "dpr-report-summary-cell dpr-report-summary-cell-table-footer"
},
{
"fieldName": "field2",
"text": 1,
"format": "string",
"classes": "dpr-report-summary-cell dpr-report-summary-cell-table-footer"
},
{
"fieldName": "field3",
"text": 12219380923,
"format": "string",
"classes": "dpr-report-summary-cell dpr-report-summary-cell-table-footer"
},
{
"fieldName": "field4",
"text": "7 Freds",
"format": "string",
"classes": "dpr-report-summary-cell dpr-report-summary-cell-table-footer"
}
],
[
{
"classes": "dpr-section-header-spacer",
"colspan": 4,
"text": ""
}
],
[
{
"classes": "dpr-section-header",
"colspan": 4,
"html": "<h2 class=\"govuk-heading-m\">First: Two, Second: A <span class='govuk-caption-m'>17 results</span></h2>"
}
],
[
{
"classes": "dpr-section-header-spacer-bottom",
"colspan": 4,
"text": ""
}
],
[
{
"text": "Field 1",
"classes": "govuk-table__header"
},
{
"text": "Field 2",
"classes": "govuk-table__header"
},
{
"text": "Field 3",
"classes": "govuk-table__header"
},
{
"text": "Field 4",
"classes": "govuk-table__header"
}
],
[
{
"fieldName": "field1",
"text": "Section Two A Header",
"format": "string",
"classes": "dpr-report-summary-cell dpr-report-summary-cell-table-header"
},
{
"fieldName": "field2",
"text": 1,
"format": "string",
"classes": "dpr-report-summary-cell dpr-report-summary-cell-table-header"
},
{
"fieldName": "field3",
"text": 12219380923,
"format": "string",
"classes": "dpr-report-summary-cell dpr-report-summary-cell-table-header"
},
{
"fieldName": "field4",
"text": "5 Freds",
"format": "string",
"classes": "dpr-report-summary-cell dpr-report-summary-cell-table-header"
}
],
[
{
"fieldName": "field1",
"text": "Value 1",
"format": "string",
"classes": ""
},
{
"fieldName": "field2",
"text": "Value 2",
"format": "string",
"classes": ""
},
{
"fieldName": "field3",
"text": "01/02/03 01:00",
"format": "string",
"classes": ""
},
{
"fieldName": "field4",
"text": "Value 4",
"format": "string",
"classes": ""
}
],
[
{
"fieldName": "field1",
"text": "Value 1",
"format": "string",
"classes": ""
},
{
"fieldName": "field2",
"text": "Value 2",
"format": "string",
"classes": ""
},
{
"fieldName": "field3",
"text": "01/02/03 01:00",
"format": "string",
"classes": ""
},
{
"fieldName": "field4",
"text": "Value 4",
"format": "string",
"classes": ""
}
],
[
{
"fieldName": "field1",
"text": "Value 1",
"format": "string",
"classes": ""
},
{
"fieldName": "field2",
"text": "Value 2",
"format": "string",
"classes": ""
},
{
"fieldName": "field3",
"text": "01/02/03 01:00",
"format": "string",
"classes": ""
},
{
"fieldName": "field4",
"text": "Value 4",
"format": "string",
"classes": ""
}
],
[
{
"classes": "dpr-section-header-spacer",
"colspan": 4,
"text": ""
}
],
[
{
"classes": "dpr-section-header",
"colspan": 4,
"html": "<h2 class=\"govuk-heading-m\">First: Two, Second: B <span class='govuk-caption-m'>33 results</span></h2>"
}
],
[
{
"classes": "dpr-section-header-spacer-bottom",
"colspan": 4,
"text": ""
}
],
[
{
"text": "Field 1",
"classes": "govuk-table__header"
},
{
"text": "Field 2",
"classes": "govuk-table__header"
},
{
"text": "Field 3",
"classes": "govuk-table__header"
},
{
"text": "Field 4",
"classes": "govuk-table__header"
}
],
[
{
"fieldName": "field1",
"text": "Value 1",
"format": "string",
"classes": ""
},
{
"fieldName": "field2",
"text": "Value 2",
"format": "string",
"classes": ""
},
{
"fieldName": "field3",
"text": "01/02/03 01:00",
"format": "string",
"classes": ""
},
{
"fieldName": "field4",
"text": "Value 4",
"format": "string",
"classes": ""
}
],
[
{
"fieldName": "field1",
"text": "Value 1",
"format": "string",
"classes": ""
},
{
"fieldName": "field2",
"text": "Value 2",
"format": "string",
"classes": ""
},
{
"fieldName": "field3",
"text": "01/02/03 01:00",
"format": "string",
"classes": ""
},
{
"fieldName": "field4",
"text": "Value 4",
"format": "string",
"classes": ""
}
],
[
{
"fieldName": "field1",
"text": "Value 1",
"format": "string",
"classes": ""
},
{
"fieldName": "field2",
"text": "Value 2",
"format": "string",
"classes": ""
},
{
"fieldName": "field3",
"text": "01/02/03 01:00",
"format": "string",
"classes": ""
},
{
"fieldName": "field4",
"text": "Value 4",
"format": "string",
"classes": ""
}
],
[
{
"fieldName": "field1",
"text": "Value 1",
"format": "string",
"classes": ""
},
{
"fieldName": "field2",
"text": "Value 2",
"format": "string",
"classes": ""
},
{
"fieldName": "field3",
"text": "01/02/03 01:00",
"format": "string",
"classes": ""
},
{
"fieldName": "field4",
"text": "Value 4",
"format": "string",
"classes": ""
}
],
[
{
"fieldName": "field1",
"text": "Value 1",
"format": "string",
"classes": ""
},
{
"fieldName": "field2",
"text": "Value 2",
"format": "string",
"classes": ""
},
{
"fieldName": "field3",
"text": "01/02/03 01:00",
"format": "string",
"classes": ""
},
{
"fieldName": "field4",
"text": "Value 4",
"format": "string",
"classes": ""
}
],
[
{
"fieldName": "field1",
"text": "Value 1",
"format": "string",
"classes": ""
},
{
"fieldName": "field2",
"text": "Value 2",
"format": "string",
"classes": ""
},
{
"fieldName": "field3",
"text": "01/02/03 01:00",
"format": "string",
"classes": ""
},
{
"fieldName": "field4",
"text": "Value 4",
"format": "string",
"classes": ""
}
],
[
{
"fieldName": "field1",
"text": "Value 1",
"format": "string",
"classes": ""
},
{
"fieldName": "field2",
"text": "Value 2",
"format": "string",
"classes": ""
},
{
"fieldName": "field3",
"text": "01/02/03 01:00",
"format": "string",
"classes": ""
},
{
"fieldName": "field4",
"text": "Value 4",
"format": "string",
"classes": ""
}
]
],
"rowCount": 100,
"colCount": 4
}]
} %}
{{ dprReportWrapper(data) }}