title: How to insert new row at top of mat-table
body: <p>I have a mat-table which displays a list of jobs.
  Now when I create a new job I want to display it in first row rather than last one.If i create and add a new job it goes to bottom of mat-table.
  How can I achieve this .</p>
  
  <p>I want something similar to this <a href="https://stackblitz.com/edit/angular-axjzov-xc4kbp?file=app%2Ftable-filtering-example.ts" rel="nofollow noreferrer">Stackblitz</a>.but rather than adding row at bottom i want it in first row</p>