Как скопировать выбранные строки из одной таблицы начальной загрузки в другую, отменить, добавив и удалив btn, и сохранить вторую таблицу с помощью js в .net core 2.1

Question

Я новичок в javascript, и мне нужно указать, что я больше всего передаю данные между ними с помощью кнопки добавления и удаления, и в конце я больше всего сохраняю данные второй таблицы с помощью кнопки отправки.Кто-нибудь может мне помочь с JS этих 2 таблиц?

                    <table id="sugested" class="table table-bordered table-striped table-sm"
                           >
                        <thead class="text-right">
                            <tr id="tr1">
                                <th data-field="state" data-checkbox="true"></th>
                                <th data-field="Name" class="text-right">name</th>
                                <th data-field="SpecialIllId" data-visible="false" class="hidden"></th>
                            </tr>
                        </thead>
                        <tbody class="text-right">
                            @foreach (var r in Model.sugestedIlls)
                            {
                                <tr id="tr3" class="text-right">
                                    <td data-field="state" data-checkbox="true"></td>
                                    <td data-field="Name">@r.Name</td>
                                    <td data-field="SpecialIllId">@r.SpecialIllId</td>
                                </tr>
                            }
                        </tbody>
                    </table>
                <a id="add" class="btn btn-primary "> add </a>
                <a id="remove" class="btn btn-primary "> remove </a>
                    <table id="assigned" class="table table-bordered table-striped table-sm">
                        <thead class="text-right">
                            <tr>
                                <th data-field="state" data-checkbox="true"></th>
                                <th data-field="Name" class="text-right">name</th>
                                <th data-field="SpecialIllId" data-visible="false" class="hidden"></th>
                            </tr>
                        </thead>
                        <tbody class="text-right">
                            @foreach (var r in Model.asighnedIlls)
                            {
                                <tr id="tr2">
                                    <td data-field="state" data-checkbox="true"></td>
                                    <td data-field="Name">@r.Name</td>
                                    <td data-field="SpecialIllId">@r.SpecialIllId</td>
                                </tr>
                            }
                        </tbody>
                    </table>