Angular4 Material data table update table without reloading page

Question

hi I want to update the datatable without reload the page

 dataSource = new UserDataSource(this.userService);
  displayedColumns = ['insertId', 'name', 'email', 'mobile', 'actions'];

this is how i am able to display the data

and i am addding the new data using this api with dialog box

 dialogRef.afterClosed().subscribe(data => {
      console.log(data);
      this.userService.makeRegister(token, data)
        .subscribe(res => { console.log(res); });
    });

now i want to show this new data inside data table without reloading

user4676340 · Accepted Answer · 2018-01-22 09:12:15Z

2

It's very simple actually :

private updateTableData(data: any[]) {
  this.dataSource = data && data.length ? new MatTableDataSource(data) : new MatTableDataSource([]);
}

Either you create an empty source, or a source with no lines, up to you !

answered Jan 22, 2018 at 9:12

user4676340

Sign up to request clarification or add additional context in comments.

2 Comments

Manav Over a year ago

instead of empty array i called new MatTableDataSource(this.userService); thanks a ton

user4676340 Over a year ago

No problem, remember to mark your issue as resolved !

Collectives™ on Stack Overflow

Angular4 Material data table update table without reloading page

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related