(Angular Material Examples) Updated the examples

src/assets/angular-material-examples/cdk-table-basic/cdk-table-basic-example.ts

@@ -20,7 +20,7 @@ export interface PeriodicElement {
   position: number;
   weight: number;
   symbol: string;
-  }
+}
 
 const ELEMENT_DATA: PeriodicElement[] = [
   {position: 1, name: 'Hydrogen', weight: 1.0079, symbol: 'H'},

src/assets/angular-material-examples/table-basic/table-basic-example.html

@@ -29,5 +29,5 @@
 
   <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
   <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
-  </table>
+</table>
 

src/assets/angular-material-examples/table-filtering/table-filtering-example.html

@@ -1,6 +1,6 @@
-    <mat-form-field>
+<mat-form-field>
   <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter">
-    </mat-form-field>
+</mat-form-field>
 
 <table mat-table [dataSource]="dataSource" class="mat-elevation-z8">
 
@@ -30,4 +30,4 @@
 
   <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
   <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
-  </table>
+</table>

src/assets/angular-material-examples/table-overview/table-overview-example.html

@@ -1,6 +1,6 @@
-  <mat-form-field>
+<mat-form-field>
   <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter">
-  </mat-form-field>
+</mat-form-field>
 
 <div class="mat-elevation-z8">
   <table mat-table [dataSource]="dataSource" matSort>

src/assets/angular-material-examples/table-selection/table-selection-example.html

@@ -44,4 +44,4 @@
   <tr mat-row *matRowDef="let row; columns: displayedColumns;"
       (click)="selection.toggle(row)">
   </tr>
-  </table>
+</table>

src/assets/angular-material-examples/table-sorting/table-sorting-example.html

@@ -26,4 +26,4 @@
 
   <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
   <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
-  </table>
+</table>

src/assets/angular-material-examples/tooltip-position/tooltip-position-example.html

@@ -4,7 +4,7 @@
       {{ positionOption }}
     </mat-option>
   </mat-select>
-  </mat-form-field>
+</mat-form-field>
 
 <button mat-raised-button
         matTooltip="Info about the action"

src/assets/angular-material-examples/tree-dynamic/tree-dynamic-example.ts

@@ -100,7 +100,10 @@ export class DynamicDataSource {
           new DynamicFlatNode(name, node.level + 1, this.database.isExpandable(name)));
         this.data.splice(index + 1, 0, ...nodes);
       } else {
-        this.data.splice(index + 1, children.length);
+        let count = 0;
+        for (let i = index + 1; i < this.data.length
+          && this.data[i].level > node.level; i++, count++) {}
+        this.data.splice(index + 1, count);
       }
 
       // notify the change