Actualmente tengo un retorno de json que quiero meter en mi datatable pero no hace nada y en lo que a mi respecta es un valor valido:
Retorno del json:
Object { NombreProducto: "Refresco", PrecioUnitario: "15", Cantidad: "5", Importe: 75, Acciones: "<div class='col-lg-12'><div class='row'><div class='col-lg-6'>EL</div><div class='col-lg-6'>Up</div></div></div>" }
Lo construto de la siguiente forma:
echo json_encode(array( 'NombreProducto' => $row["NombreProducto"], 'PrecioUnitario' => $row["PrecioUnitario"], 'Cantidad' => $_POST["Cantidad"],'Importe' => $importe ,'Acciones' => $Acciones ));
Mi tabla esta asi:
<table id="tb_AddProducto" class="table table-striped table-bordered" style="width:100%;" >
<thead>
<tr>
<th>Cantidad</th>
<th>Precio Unitario</th>
<th>Producto</th>
<th>Importe</th>
<th>Acciones</th>
</tr>
</thead>
<tbody>
</tbody>
<tfoot>
<tr>
<th>Cantidad</th>
<th>Precio Unitario</th>
<th>Producto</th>
<th>Importe</th>
<th>Acciones</th>
</tr>
</tfoot>
</table>
El llenado de mi ajax esta asi:
$.ajax({
url: "back_end/GetAddProduct.php",
type: "post",
dataType: 'json',
data: {selectProduct:""+$Product+"",Cantidad:""+$Cantidad+""},
error:function(xhr, status, error){
alert("error");
},
success: function(data) {
table.rows.add(data).draw();
console.log(data);
}
});
Pero simplemente no se llena.
Update
Así inicio el datatable en el document.ready:
table= $('#tb_AddProducto').DataTable( {
"language": {
"lengthMenu": "Mostrar _MENU_ Registros por Pagina",
"zeroRecords": "No se Encontro Nada - Lo Sentimos",
"info": "Mostrando pagina _PAGE_ de _PAGES_",
"infoEmpty": "No hay registros disponibles",
"infoFiltered": "(filtrado de _MAX_ registros totales)",
"sSearch": "Buscar",
"oPaginate": {
"sFirst": "Primero",
"sLast": "Último",
"sNext": "Siguiente",
"sPrevious": "Anterior"
}
}
});
datatable
como lo inicializas? O con ese ajax es que debería inicializarse y llenarse?