result.component.html

<div class="row mt-4">
    <div class="col-12 col-md-8">
        <app-url-display
            [apiPath]="apiPath"
            [datasetName]="datasetName | async"
            [criteriaList]="criteriaList | async"
            [outputList]="outputList | async">
        </app-url-display>
        <app-datatable 
            [searchMeta]="searchMeta | async"
            [searchData]="searchData | async"
            (initSearchMeta)="getSearchMeta()"
            (getSearchData)="getSearchData($event)">
        </app-datatable>
    </div>
    <div class="col-12 col-md-4 pt-2">
        <app-summary
            [datasetName]="datasetName | async"
            [currentStep]="currentStep | async"
            [datasetList]="datasetList | async"
            [criteriaList]="criteriaList | async"
            [datasetAttributeList]="datasetAttributeList | async"
            [outputList]="outputList | async">
        </app-summary>
    </div>
</div>