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

问题描述 投票:1回答:1

我有两个并排放置的表,我会将第一个表中的选定行追加到第二个选项卡

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

我希望单击表中的一行,并将该行添加到另一个表中,该表只是放在另一个表的一侧

javascript php jquery laravel vue.js
1个回答
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;
}