fix loading state excluding other state during the loading (#1991)

ng2-components/ng2-alfresco-datatable/src/components/datatable/datatable.component.html

@@ -29,6 +29,7 @@
     </thead>
     <tbody>
 
+    <ng-container *ngIf="!loading">
         <tr *ngFor="let row of data.getRows(); let idx = index" tabindex="0"
             class="alfresco-datatable__row"
             [class.alfresco-datatable__row--selected]="row.isSelected"
@@ -64,7 +65,8 @@
                 <div *ngIf="!col.template" class="cell-container">
                     <ng-container [ngSwitch]="col.type">
                         <div *ngSwitchCase="'image'" class="cell-value">
-                        <i *ngIf="isIconValue(row, col)" class="material-icons icon-cell">{{asIconValue(row, col)}}</i>
+                            <i *ngIf="isIconValue(row, col)" class="material-icons icon-cell">{{asIconValue(row,
+                                col)}}</i>
                             <img *ngIf="!isIconValue(row, col)"
                                  class="image-cell"
                                  alt="{{ iconAltTextKey(data.getValue(row, col)) | translate }}"
@@ -125,6 +127,7 @@
                 </ng-template>
             </td>
         </tr>
+    </ng-container>
     <tr *ngIf="loading">
         <td class="mdl-data-table__cell--non-numeric adf-loading-content-container"
             [attr.colspan]="1 + data.getColumns().length">