member_webapp/@overflow/discovery/component/service-selector.component.html

<div *ngIf="!disabled">
    <of-error-message [error]="error$ | async" [closable]="false"></of-error-message>
    <of-block-progressbar [target]="content" [pending]="pending$ | async"></of-block-progressbar>
    <p-panel #content [showHeader]="false" class="block-panel">
        <div class="ui-g" dir="rtl">
            <a style="cursor: pointer" (click)="onUnselectAll()">Unselect All</a>
            <a style="cursor: pointer" (click)="onSelectAll()">Select All</a>
        </div>

        <p-table selectionMode="multiple" [scrollable]="true" scrollHeight="200px" [value]="metaCrawlers" [(selection)]="includeServices"
            dataKey="id" (onRowSelect)="onSelect($event.data)" (onRowUnselect)="onUnselect($event.data)">
            <ng-template pTemplate="body" let-rowData let-columns="columns">
                <tr [pSelectableRow]="rowData">
                    <!-- <td>
                        <p-tableCheckbox [value]="rowData"></p-tableCheckbox>
                    </td> -->
                    <td>
                        <p-tableCheckbox [value]="rowData"></p-tableCheckbox>
                        {{rowData.description}}
                    </td>
                </tr>
            </ng-template>
        </p-table>
    </p-panel>
</div>