将两个表合并为一个，并插入行不覆盖

Question

我已经尝试过this example to merge two tables into one，但似乎无法避免合并后的数据会覆盖现有行。

是否有办法确保合并的行像新行一样插入？ 这是我自己的working example

Answer 1

行班人员的职位：

<button type="button"(click)="popup = true">
 SELECT
</button>


<div class="overlay" *ngIf="popup">
    <div class="popup">
        <h2>Here i am</h2>
        <a class="close" (click)="popup = false">&times;</a>
        <div class="content">
        you have selected this event
        </div>
    </div>
</div>