All footer rows are hidden if there are no normal rows #11379

Author: PowerKiKi

client/app/admin/bookings/bookings/bookings.component.html

@@ -25,7 +25,7 @@
                 <table mat-table matSort [dataSource]="dataSource" (matSortChange)="sorting([$event])">
                     <tr *matHeaderRowDef="columnsForTable" mat-header-row></tr>
                     <tr *matRowDef="let row; columns: columnsForTable" mat-row></tr>
-                    <tr *matFooterRowDef="columnsForTable" mat-footer-row></tr>
+                    <tr *matFooterRowDef="columnsForTable" mat-footer-row [hidden]="!dataSource.data?.length"></tr>
 
                     <ng-container matColumnDef="edit">
                         <th *matHeaderCellDef mat-header-cell></th>

client/app/profile/components/services/services.component.html

@@ -94,7 +94,11 @@ <h2 class="mat-headline-5 nat-no-margin-bottom">Demandes en attente</h2>
             <table mat-table [dataSource]="pendingApplicationsDS">
                 <tr *matHeaderRowDef="applicationsColumns" mat-header-row></tr>
                 <tr *matRowDef="let row; columns: applicationsColumns" mat-row></tr>
-                <tr *matFooterRowDef="applicationsColumns" mat-footer-row></tr>
+                <tr
+                    *matFooterRowDef="applicationsColumns"
+                    mat-footer-row
+                    [hidden]="!pendingApplicationsDS.data?.length"
+                ></tr>
 
                 <ng-container matColumnDef="name">
                     <th *matHeaderCellDef mat-header-cell>Nom</th>

client/app/user/components/register/register.component.html

@@ -107,7 +107,11 @@ <h2 class="mat-headline-6">Cotisation</h2>
                     <table mat-table [dataSource]="mandatoryBookables">
                         <tr *matHeaderRowDef="['name', 'initialPrice', 'periodicPrice']" mat-header-row></tr>
                         <tr *matRowDef="let row; columns: ['name', 'initialPrice', 'periodicPrice']" mat-row></tr>
-                        <tr *matFooterRowDef="['name', 'initialPrice', 'periodicPrice']" mat-footer-row></tr>
+                        <tr
+                            *matFooterRowDef="['name', 'initialPrice', 'periodicPrice']"
+                            mat-footer-row
+                            [hidden]="!mandatoryBookables.data?.length"
+                        ></tr>
 
                         <ng-container matColumnDef="name">
                             <th *matHeaderCellDef mat-header-cell>Nom</th>