title: Angular4 Material data table update table without reloading page
body: <p>hi I want to update the datatable without reload the page</p>
  
  <pre><code> dataSource = new UserDataSource(this.userService);
    displayedColumns = ['insertId', 'name', 'email', 'mobile', 'actions'];
  </code></pre>
  
  <p>this is how i am able to display the data </p>
  
  <p>and i am addding the new data using this api with dialog box</p>
  
  <pre><code> dialogRef.afterClosed().subscribe(data =&gt; {
        console.log(data);
        this.userService.makeRegister(token, data)
          .subscribe(res =&gt; { console.log(res); });
      });
  </code></pre>
  
  <p>now i want to show this new data inside data table without reloading </p>