Report Examples Parent-child report
This is an example report using the parent-child template
Contents
<div class="govuk-width-container">
<div class="dpr-report-page govuk-width-container report-list-container">
<div class="dpr-report-print-message-container">
</div>
<div class="dpr-report-page__heading-container">
<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">
<h1 id="dpr-report-name" class="govuk-heading-xl">
<span class="govuk-caption-l">Report templates</span>
Parent-child
</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="/embedded/platform/dpr/download-report/request-download/report-template-examples/report-template-parent-child/tableId/tblId_1769453539086/form?reportUrl=/embedded/platform/dpr/view-report/async/report/report-template-examples/report-template-parent-child/tblId_1769453539086/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" id="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>
<h2 class="govuk-heading-s govuk-!-margin-bottom-0">Parent-child</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>
<h2 class="govuk-heading-s govuk-!-margin-bottom-0">Report templates</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">Template: "parent-child".</br> A report with parent and child datasets</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">26/01/2026, 18:52:21</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">Sort column: Second</li>
<li class="govuk-body govuk-!-margin-bottom-0">Sort direction: Descending</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" id="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>
<h2 class="govuk-heading-s govuk-!-margin-bottom-0">Parent-child</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>
<h2 class="govuk-heading-s govuk-!-margin-bottom-0">Report templates</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">Template: "parent-child".</br> A report with parent and child datasets</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">26/01/2026, 18:52:21</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">Sort column: Second</li>
<li class="govuk-body govuk-!-margin-bottom-0">Sort direction: Descending</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 (8 of 8 shown)
</span>
</summary>
<div class="govuk-details__text">
<form data-dpr-module="columns" class="dpr-columns-form" method="post" action="./report/apply-columns">
<input type="hidden" name="_csrf" value="csrfToken">
<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="section1" checked>
<label class="govuk-label govuk-checkboxes__label" for="columns">
First
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="columns-2" name="columns" type="checkbox" value="field1" checked>
<label class="govuk-label govuk-checkboxes__label" for="columns-2">
Second
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="columns-3" name="columns" type="checkbox" value="field2" checked>
<label class="govuk-label govuk-checkboxes__label" for="columns-3">
Field 2
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="columns-4" name="columns" type="checkbox" value="field3" checked>
<label class="govuk-label govuk-checkboxes__label" for="columns-4">
Field 3
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="columns-5" name="columns" type="checkbox" value="field4" checked>
<label class="govuk-label govuk-checkboxes__label" for="columns-5">
Field 4
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="columns-6" name="columns" type="checkbox" value="field5" checked>
<label class="govuk-label govuk-checkboxes__label" for="columns-6">
Field 5
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="columns-7" name="columns" type="checkbox" value="field6" checked>
<label class="govuk-label govuk-checkboxes__label" for="columns-7">
Field 6
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="columns-8" name="columns" type="checkbox" value="field7" checked>
<label class="govuk-label govuk-checkboxes__label" for="columns-8">
Field 7
</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="dpr-report-page__template-container">
<div class="dpr-report-template-container ">
<div class="dpr-report-template__page-summaries dpr-report-template__page-summaries--header">
</div>
<div class="dpr-report-template__page-totals dpr-report-template__page-totals--header">
<div class="dpr-report-totals">
<p class="govuk-body"></p>
</div>
</div>
<div class='dpr-report-template__sections dpr-report-template__sections--parent-child'>
<div id="dpr-report-sections">
<div id="dpr-parent-child-section-1" class="dpr-parent-child-section dpr-report-section">
<div class="dpr-parent-child-group" aria-labelledby="dpr-report-name">
<div id="dpr-parent-child-data-1" class="dpr-parent-child-data" aria-labelledby="parent-id-1">
<h2 id="parent-id-1" class="govuk-visually-hidden">Parent 1</h2>
<div class="dpr-parent-child-data__parent">
<div id="table-container-1" class='dpr-table-container dpr-table-container--parent-child' data-dpr-module="data-table" aria-labelledby="parent-id-1">
<div class="dpr-overflow-gradient" id="dpr-overflow-gradient-1"></div>
<div class="dpr-table-wrapper" id="dpr-table-wrapper-1">
<div class="dpr-table-content">
<table class="govuk-table dpr-data-table" id="dpr-data-table-1" data-classification="OFFICIAL" data-col-length="">
<thead class="govuk-table__head">
<tr class="govuk-table__row">
<th scope="col" class="govuk-table__header">First</th>
<th scope="col" class="govuk-table__header">Second</th>
<th scope="col" class="govuk-table__header">Field 2</th>
<th scope="col" class="govuk-table__header">Field 3</th>
<th scope="col" class="govuk-table__header">Field 4</th>
<th scope="col" class="govuk-table__header">Field 5</th>
<th scope="col" class="govuk-table__header">Field 6</th>
<th scope="col" class="govuk-table__header">Field 7</th>
</tr>
</thead>
<tbody class="govuk-table__body">
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">one</td>
<td class="govuk-table__cell govuk-table__cell--string">Parent row 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 2 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 3 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 4 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 5 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 6 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 7 data</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div id="dpr-parent-child-data__child-1" class="dpr-parent-child-data__child" aria-labelledby="child-id-1">
<h2 id="child-id-1" class="govuk-heading-s">Child Report</h2>
<div class="dpr-parent-child-data__child-table">
<div id="table-container-1" class='dpr-table-container dpr-table-container--parent-child' data-dpr-module="data-table" aria-labelledby="child-id-1">
<div class="dpr-overflow-gradient" id="dpr-overflow-gradient-1"></div>
<div class="dpr-table-wrapper" id="dpr-table-wrapper-1">
<div class="dpr-table-content">
<table class="govuk-table dpr-data-table" id="dpr-data-table-1" data-classification="OFFICIAL" data-col-length="">
<thead class="govuk-table__head">
<tr class="govuk-table__row">
<th scope="col" class="govuk-table__header">Field2</th>
<th scope="col" class="govuk-table__header">Field3</th>
<th scope="col" class="govuk-table__header">Field4</th>
<th scope="col" class="govuk-table__header">Field5</th>
<th scope="col" class="govuk-table__header">Field6</th>
<th scope="col" class="govuk-table__header">Field7</th>
<th scope="col" class="govuk-table__header">Field8</th>
</tr>
</thead>
<tbody class="govuk-table__body">
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Child one - parent 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Other value</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 4 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 5 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 6 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 7 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 8 data</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Child two - parent 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Other value</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 4 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 5 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 6 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 7 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 8 data</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Child three - parent 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Other value</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 4 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 5 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 6 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 7 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 8 data</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div id="dpr-parent-child-data__child-2" class="dpr-parent-child-data__child" aria-labelledby="child-id-2">
<h2 id="child-id-2" class="govuk-heading-s">Child Report 2</h2>
<div class="dpr-parent-child-data__child-table">
<div id="table-container-2" class='dpr-table-container dpr-table-container--parent-child' data-dpr-module="data-table" aria-labelledby="child-id-2">
<div class="dpr-overflow-gradient" id="dpr-overflow-gradient-2"></div>
<div class="dpr-table-wrapper" id="dpr-table-wrapper-2">
<div class="dpr-table-content">
<table class="govuk-table dpr-data-table" id="dpr-data-table-2" data-classification="OFFICIAL" data-col-length="">
<thead class="govuk-table__head">
<tr class="govuk-table__row">
<th scope="col" class="govuk-table__header">Field2</th>
<th scope="col" class="govuk-table__header">Field3</th>
</tr>
</thead>
<tbody class="govuk-table__body">
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Child one - parent 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Other value</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Child two - parent 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Other value</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Child three - parent 1</td>
<td class="govuk-table__cell govuk-table__cell--string">Other value</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="dpr-parent-child-data-2" class="dpr-parent-child-data" aria-labelledby="parent-id-2">
<h2 id="parent-id-2" class="govuk-visually-hidden">Parent 2</h2>
<div class="dpr-parent-child-data__parent">
<div id="table-container-2" class='dpr-table-container dpr-table-container--parent-child' data-dpr-module="data-table" aria-labelledby="parent-id-2">
<div class="dpr-overflow-gradient" id="dpr-overflow-gradient-2"></div>
<div class="dpr-table-wrapper" id="dpr-table-wrapper-2">
<div class="dpr-table-content">
<table class="govuk-table dpr-data-table" id="dpr-data-table-2" data-classification="OFFICIAL" data-col-length="">
<thead class="govuk-table__head">
<tr class="govuk-table__row">
<th scope="col" class="govuk-table__header">First</th>
<th scope="col" class="govuk-table__header">Second</th>
<th scope="col" class="govuk-table__header">Field 2</th>
<th scope="col" class="govuk-table__header">Field 3</th>
<th scope="col" class="govuk-table__header">Field 4</th>
<th scope="col" class="govuk-table__header">Field 5</th>
<th scope="col" class="govuk-table__header">Field 6</th>
<th scope="col" class="govuk-table__header">Field 7</th>
</tr>
</thead>
<tbody class="govuk-table__body">
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">two</td>
<td class="govuk-table__cell govuk-table__cell--string">Parent row 2</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 2 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 3 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 4 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 5 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 6 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 7 data</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div id="dpr-parent-child-data__child-1" class="dpr-parent-child-data__child" aria-labelledby="child-id-1">
<h2 id="child-id-1" class="govuk-heading-s">Child Report</h2>
<div class="dpr-parent-child-data__child-table">
<div id="table-container-1" class='dpr-table-container dpr-table-container--parent-child' data-dpr-module="data-table" aria-labelledby="child-id-1">
<div class="dpr-overflow-gradient" id="dpr-overflow-gradient-1"></div>
<div class="dpr-table-wrapper" id="dpr-table-wrapper-1">
<div class="dpr-table-content">
<table class="govuk-table dpr-data-table" id="dpr-data-table-1" data-classification="OFFICIAL" data-col-length="">
<thead class="govuk-table__head">
<tr class="govuk-table__row">
<th scope="col" class="govuk-table__header">Field2</th>
<th scope="col" class="govuk-table__header">Field3</th>
<th scope="col" class="govuk-table__header">Field4</th>
<th scope="col" class="govuk-table__header">Field5</th>
<th scope="col" class="govuk-table__header">Field6</th>
<th scope="col" class="govuk-table__header">Field7</th>
<th scope="col" class="govuk-table__header">Field8</th>
</tr>
</thead>
<tbody class="govuk-table__body">
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Child one - parent 2</td>
<td class="govuk-table__cell govuk-table__cell--string">Other value</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 4 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 5 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 6 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 7 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 8 data</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Child two - parent 2</td>
<td class="govuk-table__cell govuk-table__cell--string">Other value</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 4 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 5 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 6 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 7 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 8 data</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Child three - parent 2</td>
<td class="govuk-table__cell govuk-table__cell--string">Other value</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 4 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 5 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 6 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 7 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 8 data</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div id="dpr-parent-child-data__child-2" class="dpr-parent-child-data__child" aria-labelledby="child-id-2">
<h2 id="child-id-2" class="govuk-heading-s">Child Report 2</h2>
<div class="dpr-parent-child-data__child-table">
<div id="table-container-2" class='dpr-table-container dpr-table-container--parent-child' data-dpr-module="data-table" aria-labelledby="child-id-2">
<div class="dpr-overflow-gradient" id="dpr-overflow-gradient-2"></div>
<div class="dpr-table-wrapper" id="dpr-table-wrapper-2">
<div class="dpr-table-content">
<table class="govuk-table dpr-data-table" id="dpr-data-table-2" data-classification="OFFICIAL" data-col-length="">
<thead class="govuk-table__head">
<tr class="govuk-table__row">
<th scope="col" class="govuk-table__header">Field2</th>
<th scope="col" class="govuk-table__header">Field3</th>
</tr>
</thead>
<tbody class="govuk-table__body">
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Child one - parent 2</td>
<td class="govuk-table__cell govuk-table__cell--string">Other value</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Child two - parent 2</td>
<td class="govuk-table__cell govuk-table__cell--string">Other value</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Child three - parent 2</td>
<td class="govuk-table__cell govuk-table__cell--string">Other value</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="dpr-parent-child-data-3" class="dpr-parent-child-data" aria-labelledby="parent-id-3">
<h2 id="parent-id-3" class="govuk-visually-hidden">Parent 3</h2>
<div class="dpr-parent-child-data__parent">
<div id="table-container-3" class='dpr-table-container dpr-table-container--parent-child' data-dpr-module="data-table" aria-labelledby="parent-id-3">
<div class="dpr-overflow-gradient" id="dpr-overflow-gradient-3"></div>
<div class="dpr-table-wrapper" id="dpr-table-wrapper-3">
<div class="dpr-table-content">
<table class="govuk-table dpr-data-table" id="dpr-data-table-3" data-classification="OFFICIAL" data-col-length="">
<thead class="govuk-table__head">
<tr class="govuk-table__row">
<th scope="col" class="govuk-table__header">First</th>
<th scope="col" class="govuk-table__header">Second</th>
<th scope="col" class="govuk-table__header">Field 2</th>
<th scope="col" class="govuk-table__header">Field 3</th>
<th scope="col" class="govuk-table__header">Field 4</th>
<th scope="col" class="govuk-table__header">Field 5</th>
<th scope="col" class="govuk-table__header">Field 6</th>
<th scope="col" class="govuk-table__header">Field 7</th>
</tr>
</thead>
<tbody class="govuk-table__body">
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">three</td>
<td class="govuk-table__cell govuk-table__cell--string">Parent row 3</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 2 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 3 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 4 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 5 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 6 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 7 data</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div id="dpr-parent-child-data__child-1" class="dpr-parent-child-data__child" aria-labelledby="child-id-1">
<h2 id="child-id-1" class="govuk-heading-s">Child Report 2</h2>
<div class="dpr-parent-child-data__child-table">
<div id="table-container-1" class='dpr-table-container dpr-table-container--parent-child' data-dpr-module="data-table" aria-labelledby="child-id-1">
<div class="dpr-overflow-gradient" id="dpr-overflow-gradient-1"></div>
<div class="dpr-table-wrapper" id="dpr-table-wrapper-1">
<div class="dpr-table-content">
<table class="govuk-table dpr-data-table" id="dpr-data-table-1" data-classification="OFFICIAL" data-col-length="">
<thead class="govuk-table__head">
<tr class="govuk-table__row">
<th scope="col" class="govuk-table__header">Field2</th>
<th scope="col" class="govuk-table__header">Field3</th>
</tr>
</thead>
<tbody class="govuk-table__body">
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Child one - parent 3</td>
<td class="govuk-table__cell govuk-table__cell--string">Other value</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Child two - parent 3</td>
<td class="govuk-table__cell govuk-table__cell--string">Other value</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Child three - parent 3</td>
<td class="govuk-table__cell govuk-table__cell--string">Other value</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="dpr-parent-child-data-4" class="dpr-parent-child-data" aria-labelledby="parent-id-4">
<h2 id="parent-id-4" class="govuk-visually-hidden">Parent 4</h2>
<div class="dpr-parent-child-data__parent">
<div id="table-container-4" class='dpr-table-container dpr-table-container--parent-child' data-dpr-module="data-table" aria-labelledby="parent-id-4">
<div class="dpr-overflow-gradient" id="dpr-overflow-gradient-4"></div>
<div class="dpr-table-wrapper" id="dpr-table-wrapper-4">
<div class="dpr-table-content">
<table class="govuk-table dpr-data-table" id="dpr-data-table-4" data-classification="OFFICIAL" data-col-length="">
<thead class="govuk-table__head">
<tr class="govuk-table__row">
<th scope="col" class="govuk-table__header">First</th>
<th scope="col" class="govuk-table__header">Second</th>
<th scope="col" class="govuk-table__header">Field 2</th>
<th scope="col" class="govuk-table__header">Field 3</th>
<th scope="col" class="govuk-table__header">Field 4</th>
<th scope="col" class="govuk-table__header">Field 5</th>
<th scope="col" class="govuk-table__header">Field 6</th>
<th scope="col" class="govuk-table__header">Field 7</th>
</tr>
</thead>
<tbody class="govuk-table__body">
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">four</td>
<td class="govuk-table__cell govuk-table__cell--string">Parent row 4</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 2 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 3 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 4 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 5 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 6 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 7 data</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div id="dpr-parent-child-data__child-1" class="dpr-parent-child-data__child" aria-labelledby="child-id-1">
<h2 id="child-id-1" class="govuk-heading-s">Child Report</h2>
<div class="dpr-parent-child-data__child-table">
<div id="table-container-1" class='dpr-table-container dpr-table-container--parent-child' data-dpr-module="data-table" aria-labelledby="child-id-1">
<div class="dpr-overflow-gradient" id="dpr-overflow-gradient-1"></div>
<div class="dpr-table-wrapper" id="dpr-table-wrapper-1">
<div class="dpr-table-content">
<table class="govuk-table dpr-data-table" id="dpr-data-table-1" data-classification="OFFICIAL" data-col-length="">
<thead class="govuk-table__head">
<tr class="govuk-table__row">
<th scope="col" class="govuk-table__header">Field2</th>
<th scope="col" class="govuk-table__header">Field3</th>
<th scope="col" class="govuk-table__header">Field4</th>
<th scope="col" class="govuk-table__header">Field5</th>
<th scope="col" class="govuk-table__header">Field6</th>
<th scope="col" class="govuk-table__header">Field7</th>
<th scope="col" class="govuk-table__header">Field8</th>
</tr>
</thead>
<tbody class="govuk-table__body">
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Child one - parent 4</td>
<td class="govuk-table__cell govuk-table__cell--string">Other value</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 4 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 5 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 6 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 7 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 8 data</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Child two - parent 4</td>
<td class="govuk-table__cell govuk-table__cell--string">Other value</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 4 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 5 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 6 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 7 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 8 data</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Child three - parent 4</td>
<td class="govuk-table__cell govuk-table__cell--string">Other value</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 4 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 5 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 6 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 7 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 8 data</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="dpr-parent-child-data-5" class="dpr-parent-child-data" aria-labelledby="parent-id-5">
<h2 id="parent-id-5" class="govuk-visually-hidden">Parent 5</h2>
<div class="dpr-parent-child-data__parent">
<div id="table-container-5" class='dpr-table-container dpr-table-container--parent-child' data-dpr-module="data-table" aria-labelledby="parent-id-5">
<div class="dpr-overflow-gradient" id="dpr-overflow-gradient-5"></div>
<div class="dpr-table-wrapper" id="dpr-table-wrapper-5">
<div class="dpr-table-content">
<table class="govuk-table dpr-data-table" id="dpr-data-table-5" data-classification="OFFICIAL" data-col-length="">
<thead class="govuk-table__head">
<tr class="govuk-table__row">
<th scope="col" class="govuk-table__header">First</th>
<th scope="col" class="govuk-table__header">Second</th>
<th scope="col" class="govuk-table__header">Field 2</th>
<th scope="col" class="govuk-table__header">Field 3</th>
<th scope="col" class="govuk-table__header">Field 4</th>
<th scope="col" class="govuk-table__header">Field 5</th>
<th scope="col" class="govuk-table__header">Field 6</th>
<th scope="col" class="govuk-table__header">Field 7</th>
</tr>
</thead>
<tbody class="govuk-table__body">
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">five</td>
<td class="govuk-table__cell govuk-table__cell--string">Parent row 5</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 2 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 3 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 4 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 5 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 6 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 7 data</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">five</td>
<td class="govuk-table__cell govuk-table__cell--string">Parent row 6</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 2 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 3 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 4 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 5 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 6 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 7 data</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">seven</td>
<td class="govuk-table__cell govuk-table__cell--string">Parent row 7</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 2 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 3 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 4 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 5 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 6 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Field 7 data</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div id="dpr-parent-child-data__child-1" class="dpr-parent-child-data__child" aria-labelledby="child-id-1">
<h2 id="child-id-1" class="govuk-heading-s">Child Report</h2>
<div class="dpr-parent-child-data__child-table">
<div id="table-container-1" class='dpr-table-container dpr-table-container--parent-child' data-dpr-module="data-table" aria-labelledby="child-id-1">
<div class="dpr-overflow-gradient" id="dpr-overflow-gradient-1"></div>
<div class="dpr-table-wrapper" id="dpr-table-wrapper-1">
<div class="dpr-table-content">
<table class="govuk-table dpr-data-table" id="dpr-data-table-1" data-classification="OFFICIAL" data-col-length="">
<thead class="govuk-table__head">
<tr class="govuk-table__row">
<th scope="col" class="govuk-table__header">Field2</th>
<th scope="col" class="govuk-table__header">Field3</th>
<th scope="col" class="govuk-table__header">Field4</th>
<th scope="col" class="govuk-table__header">Field5</th>
<th scope="col" class="govuk-table__header">Field6</th>
<th scope="col" class="govuk-table__header">Field7</th>
<th scope="col" class="govuk-table__header">Field8</th>
</tr>
</thead>
<tbody class="govuk-table__body">
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Child one - parent 7</td>
<td class="govuk-table__cell govuk-table__cell--string">Other value</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 4 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 5 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 6 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 7 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 8 data</td>
</tr>
<tr class="govuk-table__row">
<td class="govuk-table__cell govuk-table__cell--string">Child two - parent 7</td>
<td class="govuk-table__cell govuk-table__cell--string">Other value</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 4 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 5 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 6 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 7 data</td>
<td class="govuk-table__cell govuk-table__cell--string">Child Field 8 data</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="dpr-report-template__page-totals dpr-report-template__page-totals--footer">
<div class="dpr-report-totals">
<p class="govuk-body"></p>
</div>
</div>
<div class="dpr-report-template__page-summaries dpr-report-template__page-summaries--footer">
</div>
</div>
</div>
</div>
</div>
{%- from "dpr/components/_reports/report-page/view.njk" import dprReportPage -%}
{% set data = {
columns: {
name: 'columns',
options: [
{
text: 'First',
value: 'section1',
disabled: false
},
{
text: 'Second',
value: 'field1',
disabled: false
},
{
text: 'Field 2',
value: 'field2',
disabled: false
},
{
text: 'Field 3',
value: 'field3',
disabled: false
},
{
text: 'Field 4',
value: 'field4',
disabled: false
},
{
text: 'Field 5',
value: 'field5',
disabled: false
},
{
text: 'Field 6',
value: 'field6',
disabled: false
},
{
text: 'Field 7',
value: 'field7',
disabled: false
}
],
text: 'Select report columns',
value: ['section1', 'field1', 'field2', 'field3', 'field4', 'field5', 'field6', 'field7']
},
filterData: {
filters: [],
selectedFilters: [],
canSaveDefaults: true
},
count: 100,
nestedBaseUrl: '/embedded/platform',
csrfToken: 'csrfToken',
loadType: 'async',
type: 'report',
tableId: 'tblId_1769453539086',
reportId: 'report-template-examples',
id: 'report-template-parent-child',
actions: [],
canDownload: false,
reportName: 'Report templates',
name: 'Parent-child',
description: 'Template: "parent-child".</br> A report with parent and child datasets',
classification: 'OFFICIAL',
printable: true,
specification: {
template: 'parent-child',
fields: [
{
name: 'section1',
display: 'First',
sortable: false,
defaultsort: false,
type: 'string',
mandatory: false,
visible: true
},
{
name: 'field1',
display: 'Second',
sortable: true,
defaultsort: false,
type: 'string',
mandatory: false,
visible: true
},
{
name: 'field2',
display: 'Field 2',
sortable: true,
defaultsort: false,
type: 'string',
mandatory: false,
visible: true
},
{
name: 'field3',
display: 'Field 3',
sortable: true,
defaultsort: false,
type: 'string',
mandatory: false,
visible: true
},
{
name: 'field4',
display: 'Field 4',
sortable: true,
defaultsort: false,
type: 'string',
mandatory: false,
visible: true
},
{
name: 'field5',
display: 'Field 5',
sortable: true,
defaultsort: false,
type: 'string',
mandatory: false,
visible: true
},
{
name: 'field6',
display: 'Field 6',
sortable: true,
defaultsort: false,
type: 'string',
mandatory: false,
visible: true
},
{
name: 'field7',
display: 'Field 7',
sortable: true,
defaultsort: false,
type: 'string',
mandatory: false,
visible: true
}
]
},
template: 'parent-child',
fields: [
{
name: 'section1',
display: 'First',
sortable: false,
defaultsort: false,
type: 'string',
mandatory: false,
visible: true
},
{
name: 'field1',
display: 'Second',
sortable: true,
defaultsort: false,
type: 'string',
mandatory: false,
visible: true
},
{
name: 'field2',
display: 'Field 2',
sortable: true,
defaultsort: false,
type: 'string',
mandatory: false,
visible: true
},
{
name: 'field3',
display: 'Field 3',
sortable: true,
defaultsort: false,
type: 'string',
mandatory: false,
visible: true
},
{
name: 'field4',
display: 'Field 4',
sortable: true,
defaultsort: false,
type: 'string',
mandatory: false,
visible: true
},
{
name: 'field5',
display: 'Field 5',
sortable: true,
defaultsort: false,
type: 'string',
mandatory: false,
visible: true
},
{
name: 'field6',
display: 'Field 6',
sortable: true,
defaultsort: false,
type: 'string',
mandatory: false,
visible: true
},
{
name: 'field7',
display: 'Field 7',
sortable: true,
defaultsort: false,
type: 'string',
mandatory: false,
visible: true
}
],
executionId: 'exId_1769453539086',
requestedTimestamp: '26/01/2026, 18:52:21',
querySummary: [
{
name: 'Sort Column',
value: 'Second'
},
{
name: 'Sort Direction',
value: 'Descending'
}
],
queryData: {},
requestUrl: {
fullUrl:
'http://localhost:3010/embedded/platform/dpr/request-report/report/report-template-examples/report-template-parent-child/filters?sortedAsc=false&sortColumn=field1',
pathname:
'/embedded/platform/dpr/request-report/report/report-template-examples/report-template-parent-child/filters',
search: '?sortedAsc=false&sortColumn=field1'
},
reportUrl:
'/embedded/platform/dpr/view-report/async/report/report-template-examples/report-template-parent-child/tblId_1769453539086/report',
pathname:
'/embedded/platform/dpr/view-report/async/report/report-template-examples/report-template-parent-child/tblId_1769453539086/report',
dataTable: {
rowCount: 7,
sections: [
{
key: '',
keyObj: [],
data: [
{
parent: {
head: [
{
text: 'First'
},
{
text: 'Second'
},
{
text: 'Field 2'
},
{
text: 'Field 3'
},
{
text: 'Field 4'
},
{
text: 'Field 5'
},
{
text: 'Field 6'
},
{
text: 'Field 7'
}
],
rows: [
[
{
fieldName: 'section1',
text: 'one',
format: 'string',
classes: ''
},
{
fieldName: 'field1',
text: 'Parent row 1',
format: 'string',
classes: ''
},
{
fieldName: 'field2',
text: 'Field 2 data',
format: 'string',
classes: ''
},
{
fieldName: 'field3',
text: 'Field 3 data',
format: 'string',
classes: ''
},
{
fieldName: 'field4',
text: 'Field 4 data',
format: 'string',
classes: ''
},
{
fieldName: 'field5',
text: 'Field 5 data',
format: 'string',
classes: ''
},
{
fieldName: 'field6',
text: 'Field 6 data',
format: 'string',
classes: ''
},
{
fieldName: 'field7',
text: 'Field 7 data',
format: 'string',
classes: ''
}
]
]
},
children: [
{
title: 'Child Report',
rows: [
[
{
fieldName: 'field2',
text: 'Child one - parent 1',
format: 'string',
classes: ''
},
{
fieldName: 'field3',
text: 'Other value',
format: 'string',
classes: ''
},
{
fieldName: 'field4',
text: 'Child Field 4 data',
format: 'string',
classes: ''
},
{
fieldName: 'field5',
text: 'Child Field 5 data',
format: 'string',
classes: ''
},
{
fieldName: 'field6',
text: 'Child Field 6 data',
format: 'string',
classes: ''
},
{
fieldName: 'field7',
text: 'Child Field 7 data',
format: 'string',
classes: ''
},
{
fieldName: 'field8',
text: 'Child Field 8 data',
format: 'string',
classes: ''
}
],
[
{
fieldName: 'field2',
text: 'Child two - parent 1',
format: 'string',
classes: ''
},
{
fieldName: 'field3',
text: 'Other value',
format: 'string',
classes: ''
},
{
fieldName: 'field4',
text: 'Child Field 4 data',
format: 'string',
classes: ''
},
{
fieldName: 'field5',
text: 'Child Field 5 data',
format: 'string',
classes: ''
},
{
fieldName: 'field6',
text: 'Child Field 6 data',
format: 'string',
classes: ''
},
{
fieldName: 'field7',
text: 'Child Field 7 data',
format: 'string',
classes: ''
},
{
fieldName: 'field8',
text: 'Child Field 8 data',
format: 'string',
classes: ''
}
],
[
{
fieldName: 'field2',
text: 'Child three - parent 1',
format: 'string',
classes: ''
},
{
fieldName: 'field3',
text: 'Other value',
format: 'string',
classes: ''
},
{
fieldName: 'field4',
text: 'Child Field 4 data',
format: 'string',
classes: ''
},
{
fieldName: 'field5',
text: 'Child Field 5 data',
format: 'string',
classes: ''
},
{
fieldName: 'field6',
text: 'Child Field 6 data',
format: 'string',
classes: ''
},
{
fieldName: 'field7',
text: 'Child Field 7 data',
format: 'string',
classes: ''
},
{
fieldName: 'field8',
text: 'Child Field 8 data',
format: 'string',
classes: ''
}
]
],
head: [
{
text: 'Field2'
},
{
text: 'Field3'
},
{
text: 'Field4'
},
{
text: 'Field5'
},
{
text: 'Field6'
},
{
text: 'Field7'
},
{
text: 'Field8'
}
]
},
{
title: 'Child Report 2',
rows: [
[
{
fieldName: 'field2',
text: 'Child one - parent 1',
format: 'string',
classes: ''
},
{
fieldName: 'field3',
text: 'Other value',
format: 'string',
classes: ''
}
],
[
{
fieldName: 'field2',
text: 'Child two - parent 1',
format: 'string',
classes: ''
},
{
fieldName: 'field3',
text: 'Other value',
format: 'string',
classes: ''
}
],
[
{
fieldName: 'field2',
text: 'Child three - parent 1',
format: 'string',
classes: ''
},
{
fieldName: 'field3',
text: 'Other value',
format: 'string',
classes: ''
}
]
],
head: [
{
text: 'Field2'
},
{
text: 'Field3'
}
]
}
]
},
{
parent: {
head: [
{
text: 'First'
},
{
text: 'Second'
},
{
text: 'Field 2'
},
{
text: 'Field 3'
},
{
text: 'Field 4'
},
{
text: 'Field 5'
},
{
text: 'Field 6'
},
{
text: 'Field 7'
}
],
rows: [
[
{
fieldName: 'section1',
text: 'two',
format: 'string',
classes: ''
},
{
fieldName: 'field1',
text: 'Parent row 2',
format: 'string',
classes: ''
},
{
fieldName: 'field2',
text: 'Field 2 data',
format: 'string',
classes: ''
},
{
fieldName: 'field3',
text: 'Field 3 data',
format: 'string',
classes: ''
},
{
fieldName: 'field4',
text: 'Field 4 data',
format: 'string',
classes: ''
},
{
fieldName: 'field5',
text: 'Field 5 data',
format: 'string',
classes: ''
},
{
fieldName: 'field6',
text: 'Field 6 data',
format: 'string',
classes: ''
},
{
fieldName: 'field7',
text: 'Field 7 data',
format: 'string',
classes: ''
}
]
]
},
children: [
{
title: 'Child Report',
rows: [
[
{
fieldName: 'field2',
text: 'Child one - parent 2',
format: 'string',
classes: ''
},
{
fieldName: 'field3',
text: 'Other value',
format: 'string',
classes: ''
},
{
fieldName: 'field4',
text: 'Child Field 4 data',
format: 'string',
classes: ''
},
{
fieldName: 'field5',
text: 'Child Field 5 data',
format: 'string',
classes: ''
},
{
fieldName: 'field6',
text: 'Child Field 6 data',
format: 'string',
classes: ''
},
{
fieldName: 'field7',
text: 'Child Field 7 data',
format: 'string',
classes: ''
},
{
fieldName: 'field8',
text: 'Child Field 8 data',
format: 'string',
classes: ''
}
],
[
{
fieldName: 'field2',
text: 'Child two - parent 2',
format: 'string',
classes: ''
},
{
fieldName: 'field3',
text: 'Other value',
format: 'string',
classes: ''
},
{
fieldName: 'field4',
text: 'Child Field 4 data',
format: 'string',
classes: ''
},
{
fieldName: 'field5',
text: 'Child Field 5 data',
format: 'string',
classes: ''
},
{
fieldName: 'field6',
text: 'Child Field 6 data',
format: 'string',
classes: ''
},
{
fieldName: 'field7',
text: 'Child Field 7 data',
format: 'string',
classes: ''
},
{
fieldName: 'field8',
text: 'Child Field 8 data',
format: 'string',
classes: ''
}
],
[
{
fieldName: 'field2',
text: 'Child three - parent 2',
format: 'string',
classes: ''
},
{
fieldName: 'field3',
text: 'Other value',
format: 'string',
classes: ''
},
{
fieldName: 'field4',
text: 'Child Field 4 data',
format: 'string',
classes: ''
},
{
fieldName: 'field5',
text: 'Child Field 5 data',
format: 'string',
classes: ''
},
{
fieldName: 'field6',
text: 'Child Field 6 data',
format: 'string',
classes: ''
},
{
fieldName: 'field7',
text: 'Child Field 7 data',
format: 'string',
classes: ''
},
{
fieldName: 'field8',
text: 'Child Field 8 data',
format: 'string',
classes: ''
}
]
],
head: [
{
text: 'Field2'
},
{
text: 'Field3'
},
{
text: 'Field4'
},
{
text: 'Field5'
},
{
text: 'Field6'
},
{
text: 'Field7'
},
{
text: 'Field8'
}
]
},
{
title: 'Child Report 2',
rows: [
[
{
fieldName: 'field2',
text: 'Child one - parent 2',
format: 'string',
classes: ''
},
{
fieldName: 'field3',
text: 'Other value',
format: 'string',
classes: ''
}
],
[
{
fieldName: 'field2',
text: 'Child two - parent 2',
format: 'string',
classes: ''
},
{
fieldName: 'field3',
text: 'Other value',
format: 'string',
classes: ''
}
],
[
{
fieldName: 'field2',
text: 'Child three - parent 2',
format: 'string',
classes: ''
},
{
fieldName: 'field3',
text: 'Other value',
format: 'string',
classes: ''
}
]
],
head: [
{
text: 'Field2'
},
{
text: 'Field3'
}
]
}
]
},
{
parent: {
head: [
{
text: 'First'
},
{
text: 'Second'
},
{
text: 'Field 2'
},
{
text: 'Field 3'
},
{
text: 'Field 4'
},
{
text: 'Field 5'
},
{
text: 'Field 6'
},
{
text: 'Field 7'
}
],
rows: [
[
{
fieldName: 'section1',
text: 'three',
format: 'string',
classes: ''
},
{
fieldName: 'field1',
text: 'Parent row 3',
format: 'string',
classes: ''
},
{
fieldName: 'field2',
text: 'Field 2 data',
format: 'string',
classes: ''
},
{
fieldName: 'field3',
text: 'Field 3 data',
format: 'string',
classes: ''
},
{
fieldName: 'field4',
text: 'Field 4 data',
format: 'string',
classes: ''
},
{
fieldName: 'field5',
text: 'Field 5 data',
format: 'string',
classes: ''
},
{
fieldName: 'field6',
text: 'Field 6 data',
format: 'string',
classes: ''
},
{
fieldName: 'field7',
text: 'Field 7 data',
format: 'string',
classes: ''
}
]
]
},
children: [
{
title: 'Child Report 2',
rows: [
[
{
fieldName: 'field2',
text: 'Child one - parent 3',
format: 'string',
classes: ''
},
{
fieldName: 'field3',
text: 'Other value',
format: 'string',
classes: ''
}
],
[
{
fieldName: 'field2',
text: 'Child two - parent 3',
format: 'string',
classes: ''
},
{
fieldName: 'field3',
text: 'Other value',
format: 'string',
classes: ''
}
],
[
{
fieldName: 'field2',
text: 'Child three - parent 3',
format: 'string',
classes: ''
},
{
fieldName: 'field3',
text: 'Other value',
format: 'string',
classes: ''
}
]
],
head: [
{
text: 'Field2'
},
{
text: 'Field3'
}
]
}
]
},
{
parent: {
head: [
{
text: 'First'
},
{
text: 'Second'
},
{
text: 'Field 2'
},
{
text: 'Field 3'
},
{
text: 'Field 4'
},
{
text: 'Field 5'
},
{
text: 'Field 6'
},
{
text: 'Field 7'
}
],
rows: [
[
{
fieldName: 'section1',
text: 'four',
format: 'string',
classes: ''
},
{
fieldName: 'field1',
text: 'Parent row 4',
format: 'string',
classes: ''
},
{
fieldName: 'field2',
text: 'Field 2 data',
format: 'string',
classes: ''
},
{
fieldName: 'field3',
text: 'Field 3 data',
format: 'string',
classes: ''
},
{
fieldName: 'field4',
text: 'Field 4 data',
format: 'string',
classes: ''
},
{
fieldName: 'field5',
text: 'Field 5 data',
format: 'string',
classes: ''
},
{
fieldName: 'field6',
text: 'Field 6 data',
format: 'string',
classes: ''
},
{
fieldName: 'field7',
text: 'Field 7 data',
format: 'string',
classes: ''
}
]
]
},
children: [
{
title: 'Child Report',
rows: [
[
{
fieldName: 'field2',
text: 'Child one - parent 4',
format: 'string',
classes: ''
},
{
fieldName: 'field3',
text: 'Other value',
format: 'string',
classes: ''
},
{
fieldName: 'field4',
text: 'Child Field 4 data',
format: 'string',
classes: ''
},
{
fieldName: 'field5',
text: 'Child Field 5 data',
format: 'string',
classes: ''
},
{
fieldName: 'field6',
text: 'Child Field 6 data',
format: 'string',
classes: ''
},
{
fieldName: 'field7',
text: 'Child Field 7 data',
format: 'string',
classes: ''
},
{
fieldName: 'field8',
text: 'Child Field 8 data',
format: 'string',
classes: ''
}
],
[
{
fieldName: 'field2',
text: 'Child two - parent 4',
format: 'string',
classes: ''
},
{
fieldName: 'field3',
text: 'Other value',
format: 'string',
classes: ''
},
{
fieldName: 'field4',
text: 'Child Field 4 data',
format: 'string',
classes: ''
},
{
fieldName: 'field5',
text: 'Child Field 5 data',
format: 'string',
classes: ''
},
{
fieldName: 'field6',
text: 'Child Field 6 data',
format: 'string',
classes: ''
},
{
fieldName: 'field7',
text: 'Child Field 7 data',
format: 'string',
classes: ''
},
{
fieldName: 'field8',
text: 'Child Field 8 data',
format: 'string',
classes: ''
}
],
[
{
fieldName: 'field2',
text: 'Child three - parent 4',
format: 'string',
classes: ''
},
{
fieldName: 'field3',
text: 'Other value',
format: 'string',
classes: ''
},
{
fieldName: 'field4',
text: 'Child Field 4 data',
format: 'string',
classes: ''
},
{
fieldName: 'field5',
text: 'Child Field 5 data',
format: 'string',
classes: ''
},
{
fieldName: 'field6',
text: 'Child Field 6 data',
format: 'string',
classes: ''
},
{
fieldName: 'field7',
text: 'Child Field 7 data',
format: 'string',
classes: ''
},
{
fieldName: 'field8',
text: 'Child Field 8 data',
format: 'string',
classes: ''
}
]
],
head: [
{
text: 'Field2'
},
{
text: 'Field3'
},
{
text: 'Field4'
},
{
text: 'Field5'
},
{
text: 'Field6'
},
{
text: 'Field7'
},
{
text: 'Field8'
}
]
}
]
},
{
parent: {
head: [
{
text: 'First'
},
{
text: 'Second'
},
{
text: 'Field 2'
},
{
text: 'Field 3'
},
{
text: 'Field 4'
},
{
text: 'Field 5'
},
{
text: 'Field 6'
},
{
text: 'Field 7'
}
],
rows: [
[
{
fieldName: 'section1',
text: 'five',
format: 'string',
classes: ''
},
{
fieldName: 'field1',
text: 'Parent row 5',
format: 'string',
classes: ''
},
{
fieldName: 'field2',
text: 'Field 2 data',
format: 'string',
classes: ''
},
{
fieldName: 'field3',
text: 'Field 3 data',
format: 'string',
classes: ''
},
{
fieldName: 'field4',
text: 'Field 4 data',
format: 'string',
classes: ''
},
{
fieldName: 'field5',
text: 'Field 5 data',
format: 'string',
classes: ''
},
{
fieldName: 'field6',
text: 'Field 6 data',
format: 'string',
classes: ''
},
{
fieldName: 'field7',
text: 'Field 7 data',
format: 'string',
classes: ''
}
],
[
{
fieldName: 'section1',
text: 'five',
format: 'string',
classes: ''
},
{
fieldName: 'field1',
text: 'Parent row 6',
format: 'string',
classes: ''
},
{
fieldName: 'field2',
text: 'Field 2 data',
format: 'string',
classes: ''
},
{
fieldName: 'field3',
text: 'Field 3 data',
format: 'string',
classes: ''
},
{
fieldName: 'field4',
text: 'Field 4 data',
format: 'string',
classes: ''
},
{
fieldName: 'field5',
text: 'Field 5 data',
format: 'string',
classes: ''
},
{
fieldName: 'field6',
text: 'Field 6 data',
format: 'string',
classes: ''
},
{
fieldName: 'field7',
text: 'Field 7 data',
format: 'string',
classes: ''
}
],
[
{
fieldName: 'section1',
text: 'seven',
format: 'string',
classes: ''
},
{
fieldName: 'field1',
text: 'Parent row 7',
format: 'string',
classes: ''
},
{
fieldName: 'field2',
text: 'Field 2 data',
format: 'string',
classes: ''
},
{
fieldName: 'field3',
text: 'Field 3 data',
format: 'string',
classes: ''
},
{
fieldName: 'field4',
text: 'Field 4 data',
format: 'string',
classes: ''
},
{
fieldName: 'field5',
text: 'Field 5 data',
format: 'string',
classes: ''
},
{
fieldName: 'field6',
text: 'Field 6 data',
format: 'string',
classes: ''
},
{
fieldName: 'field7',
text: 'Field 7 data',
format: 'string',
classes: ''
}
]
]
},
children: [
{
title: 'Child Report',
rows: [
[
{
fieldName: 'field2',
text: 'Child one - parent 7',
format: 'string',
classes: ''
},
{
fieldName: 'field3',
text: 'Other value',
format: 'string',
classes: ''
},
{
fieldName: 'field4',
text: 'Child Field 4 data',
format: 'string',
classes: ''
},
{
fieldName: 'field5',
text: 'Child Field 5 data',
format: 'string',
classes: ''
},
{
fieldName: 'field6',
text: 'Child Field 6 data',
format: 'string',
classes: ''
},
{
fieldName: 'field7',
text: 'Child Field 7 data',
format: 'string',
classes: ''
},
{
fieldName: 'field8',
text: 'Child Field 8 data',
format: 'string',
classes: ''
}
],
[
{
fieldName: 'field2',
text: 'Child two - parent 7',
format: 'string',
classes: ''
},
{
fieldName: 'field3',
text: 'Other value',
format: 'string',
classes: ''
},
{
fieldName: 'field4',
text: 'Child Field 4 data',
format: 'string',
classes: ''
},
{
fieldName: 'field5',
text: 'Child Field 5 data',
format: 'string',
classes: ''
},
{
fieldName: 'field6',
text: 'Child Field 6 data',
format: 'string',
classes: ''
},
{
fieldName: 'field7',
text: 'Child Field 7 data',
format: 'string',
classes: ''
},
{
fieldName: 'field8',
text: 'Child Field 8 data',
format: 'string',
classes: ''
}
]
],
head: [
{
text: 'Field2'
},
{
text: 'Field3'
},
{
text: 'Field4'
},
{
text: 'Field5'
},
{
text: 'Field6'
},
{
text: 'Field7'
},
{
text: 'Field8'
}
]
}
]
}
],
count: 7,
summaries: []
}
]
}
} %}
{{ dprReportPage(data) }}