Как передать щелкнутые/выбранные данные строки из одной таблицы в другую таблицу, расположенную рядом

У меня есть две таблицы, которые расположены рядом, и я бы добавил выбранную строку в первой таблице на вторую вкладку.

мне удалось получить данные из выбранной строки и преобразовать их в массив. Я попытался использовать тег v-bind для привязки значений данных во второй таблице, но он не работает.

Я ожидаю щелкнуть строку в таблице, и эта строка будет добавлена ​​в другую таблицу, которая просто размещена сбоку от другой таблицы.

пожалуйста, добавьте код

Jatin Parmar 12.04.2019 09:22

какую часть вы хотите увидеть??

kgori_dev 12.04.2019 09:26

@ Error70 какую часть кода вы хотите видеть??

kgori_dev 12.04.2019 09:32

что вы пытались реализовать логику, эта часть, код html, код javascript

Jatin Parmar 12.04.2019 09:59
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
4
503
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;
}

Другие вопросы по теме