Restore total rows #11379

MatTable does not support adding a definition of footer after its
initialization. So hiding total must never remove the element entirely,
but instead we must use styling to hide the existing element.

Author: PowerKiKi

client/app/admin/bookables/bookables/bookables.component.html

@@ -29,9 +29,11 @@
                 <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>
-                    @if (!route.snapshot.data.hideTableFooter) {
-                        <tr *matFooterRowDef="columnsForTable" mat-footer-row></tr>
-                    }
+                    <tr
+                        *matFooterRowDef="columnsForTable"
+                        mat-footer-row
+                        [hidden]="!dataSource.data?.length || route.snapshot.data.hideTableFooter"
+                    ></tr>
 
                     <ng-container matColumnDef="image">
                         <th *matHeaderCellDef mat-header-cell mat-sort-header class="natural-2em-column"></th>

client/app/admin/transactions/transactionLines/transactionLines.component.html

@@ -25,9 +25,11 @@
                 <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>
-                    @if (dataSource.data?.length && !relativeToAccount) {
-                        <tr *matFooterRowDef="columnsForTable" mat-footer-row></tr>
-                    }
+                    <tr
+                        *matFooterRowDef="columnsForTable"
+                        mat-footer-row
+                        [hidden]="!dataSource.data?.length || relativeToAccount"
+                    ></tr>
 
                     <ng-container matColumnDef="name">
                         <th *matHeaderCellDef mat-header-cell mat-sort-header>Nom</th>