Я собираюсь скопировать определенные ячейки таблицы на другую страницу, я попытался выполнить копирование. Тем не менее, я мог только скопировать всю таблицу, а не конкретные ячейки. У меня есть пример кода ниже.Скопируйте отдельные ячейки таблицы на другую страницу
К примеру, у меня есть
Product ID | Product Name | Qty | Price
-----------------------------------------------------
1 | Adidas | 1 | $50 | Delete Btn
Я хочу, чтобы этот контент должен быть скопирован на мой checkoutList
, но исключая Delete btn
, которая является последней ячейкой. Могу ли я узнать, как это сделать?
<table id="myList">
<thead>
<tr>
<td>Product Name</td>
<td>Qty</td>
<td>Price</td>
</tr>
</thead>
<tbody>
</tbody>
</table>
Это таблица, которая будет заполняться скопированного контента
<table id="checkoutList">
</table>
Это моя функция копирования таблицы.
function copyTable() {
window.location.href = "#/app/checkOut";
//copyTable
var source = document.getElementById('myList');
var destination = document.getElementById('checkoutList');
var copy = source.cloneNode(true);
copy.setAttribute('id', 'checkoutList');
destination.parentNode.replaceChild(copy, destination);
}
Таблицы для отображения информации не для их хранения. Вместо копирования данных из таблицы на самом деле вы должны сохранить приобретенный список пользователей в структуре массива/объекта и передать фильтрованную или нефильтрованную версию этих данных на этап проверки, чтобы создать там новую таблицу. – Redu