espero que tengan un buen dia, tengo el siguiente codigo que genera una tabla de manera dinamica a partir del resultado de una query en base de datos, basicamente es una lista de productos:
$(".outer_div").append(
'<div class="table-responsive"><table id= "r_table" class = "table table-checkable dataTable no-footer "></table></div class="table-responsive">'
);
let table = $("#r_table");
let secRow = $(document.createElement("tr"));
for (let i = 0; i < 5; i++) {
if (i == 0) {
let cellHead = $(document.createElement("th"));
secRow.append(cellHead.text("Código"));
table.append(secRow);
} else if (i == 1) {
let cellHead = $(document.createElement("th"));
secRow.append(cellHead.text("Proveedor"));
table.append(secRow);
} else if (i == 2) {
let cellHead = $(document.createElement("th"));
secRow.append(cellHead.text("Producto"));
table.append(secRow);
} else if (i == 3) {
let cellHead = $(document.createElement("th"));
secRow.append(cellHead.text("Precio"));
table.append(secRow);
} else if (i == 4) {
let cellHead = $(document.createElement("th"));
secRow.append(cellHead.text("Acciones"));
table.append(secRow);
}
}
$.each(datos, (index, value) => {
let row = $(document.createElement("tr")).attr(
"id",
value["id"] + "row"
);
let secRow = $(document.createElement("tr"));
for (let prop in value) {
let cell = $(document.createElement("td")).attr(
"id",
value["id"] + "menu"
);
$("th").css("background-color", "#1bc5bd");
cell.text(value[prop]);
row.append(cell);
}
row.append(
//Boton de agregar
'<td><center><button onclick="cloneRow(\"'+'1row'+'\")" class="envio btn btn-link-success"><i class="glyphicon glyphicon-plus"></i></button></center></td>'
);
table.append(row);
});
Pero quiero lograr hacer que, en lo que de el boton que se genera en cada fila en la columna de acciones, al darle click me copie los datos de la fila entera y me lo guarde en otra tabla que debe ser generada en otro form para posteriormente mandarla a traves de un ajax a otra parte.
aqui le dejo la imagen de la tabla que se me genera dinamicamente con los botones
Y este seria la tabla a donde mostraria la row en cuestion al darle click al boton de la fila especifica
<table id="resultados"></table>
</div>