Buenas tardes, tengo una lista de productos cargadas en una tabla html por medio de curl y ordenadas por dataTables()
. Cada tr tiene un click para agregar el producto a otra tabla html, estoy usando el siguiente codigo:
var table = $('#sale').DataTable();
var table2 = $('#pedido').DataTable();
$('#sale tbody').on( 'click', 'tr', function () {
var rowData = table.row( this ).data();
tabla2 = rowdata;
} );
$('#idbtnagregar').on('click', ( function () {
table2.row.add (table.rows( { selected: true } ).data()).draw(false);
} );
y la tabla es la siguiente:
<table id="sale" class="table table-bordered table-hover" cellspacing="0" width="100%">
<thead>
<tr>
<th>Imágen</th>
<th>Producto</th>
<th>Categoria</th>
<th>Codigo</th>
<th>Descripcion Breve</th>
<th>Precio</th>
<th>Agregar a pedido</th>
</tr>
</thead>
<div class="clear"></div>
</td>
</tr>
</tfoot>
<tbody id="prueba">
<tr id="prueba2">
<td><a href="#" onclick="window.open('<?php echo $valor['foto'] ?>','TITULO','width =550,height=400' );"><img src="<?php echo $valor['foto'] ; $i++ ;?>" border='0' width='50' height='50'> </td>
<td><?php echo $valor['descripcion']; ?></td>
<td><?php echo $valor['familia'] ;?></td>
<td><?php echo $valor['codigo'] ;?></td>
<td><?php echo $valor['descripcionadicional']; ?></td>
<td><?php if ($valor['precio1'] <= 0)
echo "Sin disponibilidad";
else{ echo "$";
echo $valor['precio1'];} ?></td>
<td> <button type="button" id="idbtnagregar" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-plus" ></i>
<a href="#" >Agregar</a>
</button></td>
</tr> <?php }
}
}?>
</tbody>
</table>
Segunda tabla=
<table id="pedido" class="table table-bordered table-hover" cellspacing="0" width="100%">
<tbody>
</tbody>
</table>
El problema radica en que no me pasa los tr de una tabla a otra cuando hago click en el boton, si pudieran darme una mano