title: Can't bind to 'dataSource' sice it isn't a know property of 'table' Angular 8
body: <p>I already have several hours in this error and I don't know what can be here I attach the code.</p>
  
  <p><a href="https://i.stack.imgur.com/o6gS0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/o6gS0.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;div class="mat-elevation-z8"&gt;
    &lt;table mat-table [dataSource]="dataSource"&gt;
  
      &lt;!-- Position Column --&gt;
      &lt;ng-container matColumnDef="position"&gt;
        &lt;th mat-header-cell *matHeaderCellDef&gt; No. &lt;/th&gt;
        &lt;td mat-cell *matCellDef="let element"&gt; {{element.position}} &lt;/td&gt;
      &lt;/ng-container&gt;
  
      &lt;!-- Name Column --&gt;
      &lt;ng-container matColumnDef="name"&gt;
        &lt;th mat-header-cell *matHeaderCellDef&gt; Name &lt;/th&gt;
        &lt;td mat-cell *matCellDef="let element"&gt; {{element.name}} &lt;/td&gt;
      &lt;/ng-container&gt;
  
      &lt;!-- Weight Column --&gt;
      &lt;ng-container matColumnDef="weight"&gt;
        &lt;th mat-header-cell *matHeaderCellDef&gt; Weight &lt;/th&gt;
        &lt;td mat-cell *matCellDef="let element"&gt; {{element.weight}} &lt;/td&gt;
      &lt;/ng-container&gt;
  
      &lt;!-- Symbol Column --&gt;
      &lt;ng-container matColumnDef="symbol"&gt;
        &lt;th mat-header-cell *matHeaderCellDef&gt; Symbol &lt;/th&gt;
        &lt;td mat-cell *matCellDef="let element"&gt; {{element.symbol}} &lt;/td&gt;
      &lt;/ng-container&gt;
  
      &lt;tr mat-header-row *matHeaderRowDef="displayedColumns"&gt;&lt;/tr&gt;
      &lt;tr mat-row *matRowDef="let row; columns: displayedColumns;"&gt;&lt;/tr&gt;
    &lt;/table&gt;
  
    &lt;mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons&gt;&lt;/mat-paginator&gt;
  &lt;/div&gt;
  </code></pre>