1

I have implemented simple table in angular 2 using angular material...I have taken two mat-table where the selected rows from first table are transferred to second table on clicking Move To Table 2 and vice versa on clicking Move To Table 1

But as I select and Click on Move To Table 2 , the row from my first table is getting spliced and transferred but as do the same for the second row, I am getting the previously transferred row again in my second table.

Sample Example

Below shown is my output.

Initially when I transfer first row , its getting spliced and moved to second table . enter image description here

But when I transfer second row ,the previously moved row is again added in the second table. enter image description here

Improve this question

2 Answers 2

Reset to default
3

That is because you are not clearing the selection ,

All you need to do is clear the selection once the transfer from one table to another is finished

Add this.selection.clear(); this at the end of moveToTableTwo() , like :

moveToTableTwo(){
   ...
   this.selection.clear();
}
Improve this answer
Sign up to request clarification or add additional context in comments.

1 Comment

yes its working now ,,but rows from table 2 are moved to table 1
0

Clearing the selection did not allow me to move the checked items back to table 1. This worked for me instead: 

moveToTableTwo(){
   ...
   this.selection.deselect;
}
Improve this answer

1 Comment

This solution stopped moving the previously selected item across. However upon inspecting it further, it's possible to copy the same item over again if the button is clicked, without anything being checked.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.