fix(schematics): table schematic not expanding full width (#13234)

Currently the `table` schematic generates a `<table>` element that does not expand to the available width. By default, we should expand to the full width. Similarly to every table example on our docs. This makes it easier to play with the table and also gives people a better first glance of a table. Also currently it doesn't look that good (in perspective of layout) because the paginator expands to full width, but the table not.

Author: devversion

src/lib/schematics/table/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.__styleext__

@@ -0,0 +1,3 @@
+.full-width-table {
+  width: 100%;
+}

src/lib/schematics/table/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

@@ -1,5 +1,5 @@
 <div class="mat-elevation-z8">
-  <table mat-table #table [dataSource]="dataSource" matSort aria-label="Elements">
+  <table mat-table class="full-width-table" [dataSource]="dataSource" matSort aria-label="Elements">
     <!-- Id Column -->
     <ng-container matColumnDef="id">
       <th mat-header-cell *matHeaderCellDef mat-sort-header>Id</th>
@@ -22,4 +22,4 @@
     [pageSize]="50"
     [pageSizeOptions]="[25, 50, 100, 250]">
   </mat-paginator>
-</div>
+</div>