如何将单击/选定的行数据从一个表传递到并排放置的另一个表

Posted 2023-03-14

【中文标题】如何将单击/选定的行数据从一个表传递到并排放置的另一个表

【英文标题】：How to pass clicked/selected row data from one table to another table that are placed side by side

【发布时间】：2019-09-02 21:55:08

【问题描述】：

我有两个并排放置的表，我会将第一个表上的选定行附加到第二个选项卡

我设法从选定的行中获取数据并将其转换为数组。我尝试使用 v-bind 标记绑定第二个表中的数据值，但它不起作用

我希望单击表格中的一行并将该行添加到另一个表格中，而该表格恰好位于另一个表格的一侧

【问题讨论】：

请添加一些代码

你想看哪一部分？？

@Error70 你想在代码中看到哪一部分？？

你尝试实现的逻辑，那部分，html代码，javascript代码

【参考方案1】：

我从您的问题中了解到，您正在寻找一个 jquery 代码，只要用户单击任何的表。 例如，如果您单击第一个表中的一行，它会移动到第二个表，如果您单击第二个表中的一行，它会移动到第一个表。 如果是这样，那么jquery代码可能是：

// identify the two tables with IDs for easier access
var tbl1=$('#table_1_id'), tbl2=$('#table_2_id');

// use tbody selector to make sure that you don't bind this event to table heading rows
$('#table_1_id,#table_2_id').find('tbody tr').on('click', moveRow);

function moveRow() 
   // find on which table this row is
   var row = $(this);
   var table_current = row.closest('table');

   // If current table ID equals to first table ID then it means we are in first table
   if (table_current.prop('id')==tbl1.prop('id')) 
      // Then we move the row to second table
      tbl2.find('tbody').append(row);
    else 
      // The row was in second table so we move it to first table
      tbl1.find('tbody').append(row);
   

   return;