Le composant ms-section-list englobe tout ce dont on a besoin pour afficher un compo de ce style

code du composant :

.card.scrollable
    .card-header
        .caption
// Gestion du libelle a passer en param
            span.caption-subject.text-uppercase.text-primary {{sectionTitle}}  
// horodatage , a passer en param
            ms-horodatage(*ngIf="horodatageParams",[params]="{codeRessource:horodatageParams.codeRessource,idRessource:horodatageParams.idRessource}")
        .pull-right
// bouton nouveau
            ms-new-button(*ngIf='tableComponent?.droits && (tableComponent?.droits.C==="1")', (onClick)='onCreationClick.emit($event);', [droits]='tableComponent?.droits')
    .card-body
// Table 
        #sectionListScrollable(cdk-scrollable, #sectionListScrollable)
            ms-table([api]='api', [params]='sectionParams', [(droits)]='droits',
                    (onRowClick)="onRowEventClick && droits.U==='1' ? onRowEventClick.emit($event) : undefined",
                    (onRemoveClick)="onRemoveEventClick ? onRemoveEventClick.emit($event) : undefined",
                    (onAfterRemove)="onAfterRemoveEvent ? onAfterRemoveEvent.emit($event) : undefined")

Exemple utilisation

ms-section-list([sectionTitle]="coreServicesProvider.libelleService.getSectionLib('section.utilisateur.application')",
[api]="appListService",
[params]='{id:"id_UtilisateurAppR",events:["onRowClick"], scrollContainer: "userAppScrollable", needsApiParam: true, apiParam: coreServicesProvider.routerGlobals.params.id_UtilisateurR,emptyParams: {icon: "fas fa-tablet", message: "core.directives.formlistwpop.itemvaleurs.aucuneDonneeLib"}}',
(onCreationClick)='onNewAppClick($event)',(onRowEventClick)='onRowAppClick($event)')

// EN PASSANT DES PARAMS POUR L'HORODATAGE 
ms-section-list([sectionTitle]="coreServicesProvider.libelleService.getSectionLib('section.joursFeriesExcep')",
[horodatageParams]="{codeRessource:'PARAM_JF_EXCEPTION',idRessource:coreServicesProvider.routerGlobals.params.idEntite}" ,
[api]="joursFeriesExcepService" , 
[params]='{id:"id_ParamJfExceptionR",emptyParams: {icon: "fa fa-list-ul", message: "app.admin.organisation.param-planning.aucuneExcepJoursFeriesLib"},events:["onRowClick"]}',
(onCreationClick)='onNewJourFerieExcepClick($event)',(onRowEventClick)='onRowJourFerieExcepClick($event)')