Unable to display the selected table in parent page after binding data from popup to parent page

0
votes

I have implemented a sample angular app using angular material.I have taken popup in the TableComponent where I have implemented two tables.

I have a list of data in my first table and my second table is empty.I have implemented swapping data rows functionality between the two tables.

After when I select the required rows form the first table and transfer to second table and when I click on Save Button, I am able to fetch the selected data rows in my saveToParentpage() function and able to subscribe the selected row data to POPUP declared in my Table Component.

But when I am trying to display the transferred rows in parent page data table , I am not getting any data in my material table created in parent page.

My table in parent page is still empty....!

Please access my sample app here

Can anybody please help me out with this issue....?

1
angularangular-material
Could you add some code? – Mac_W
I have added the stackblitz link for sample app here........ – Heena
your code is so mash up heena can you please tell with line you use for main table datastore – harkesh kumar
Heena is done now its working i will show you , you can tell me is you link something this – harkesh kumar
In my TableComponent I have first taken the data table for my parent page where initially it is empty.. – Heena

1 Answers

1
votes

Select record from main table and move to first

enter image description here

After Click save record show in main table

enter image description here

https://stackblitz.com/edit/angular-table-data-swap-c3mxvq?file=app/popup.html