Сообщение от Эдди
|
рони. Все же jQuery?
Я этот простой скрипт на простом JS написать. Не судьба?
|
<style>
#table td{
border: 1px solid gray;
padding: 5px;
}
</style>
<table id="table">
<tbody id="table__body">
<tr>
<td>item_1</td>
<td>item_2</td>
<td>item_3</td>
<td>item_4</td>
</tr>
<tr>
<td>item_1</td>
<td>item_2</td>
<td>item_3</td>
<td>item_4</td>
</tr>
<tr>
<td>item_1</td>
<td>item_2</td>
<td>item_3</td>
<td>item_4</td>
</tr>
<tr>
<td>item_1</td>
<td>item_2</td>
<td>item_3</td>
<td>item_4</td>
</tr>
<tr>
<td>item_1</td>
<td>item_2</td>
<td>item_3</td>
<td>item_4</td>
</tr>
</tbody>
</table>
<button id="add">Add row</button>
<button id="remove">Remove row</button>
<script>
var tableBody = document.getElementById('table__body');
var addBtn = document.getElementById('add');
var removeBtn = document.getElementById('remove');
var removeTr;
removeBtn.onclick = function(e){
removeTr = tableBody.removeChild(tableBody.lastElementChild);
};
addBtn.onclick = function(e) {
var clone;
if (removeTr) {
tableBody.appendChild(removeTr);
removeTr = null;
}
else{
clone = tableBody.lastElementChild.cloneNode(true);
tableBody.appendChild(clone);
}
};
</script>
Что-то типа такого. Допиливать под себя придётся конечно. В принципе ноду можно не клонировать, оставить только if, тогда добавляться в таблицу будет последняя удалённая строка.