Also subscribed to dialog close event using afterclosed method calling addrowdata updaterowdata and deleterowdata as per event sent back from.
Mat table add button on each row.
So i m trying to add a column that will contain one button to each row in the table that when i click on it it directs to another php page.
The table is using server side processing.
Following is the content of the modified module descriptor app module ts.
The header and body rows are defined by adding the mat header row and mat row directive having respective definitions matheaderrowdef and matrowdef with array of the column name in the displayedstudentscolumnslist.
Now let s attach these rows to our html file so that we can visualize them in form of table.
Here we have table data to populate and viewchild to get table reference.
In this chapter we will showcase the configuration required to show a table using angular material.
Here you can see the object of each row is defined in form of headers columns.
Using ngfor in table.
So for that part we have to use ngfor that is built in method in angular to iterate through arrays.
Next we ll update the app component class with the datasource object and array of columns to display in the.
Yeah so we have created 8 rows for our table.
The opendialog method is getting action string for add update and delete and obj as row object to pass in open method.