Estoy empezando con el uso de DataTable
y poseo 2 consultas:
Consulta 1
Estoy migrando un proyecto que esta escrito 100% en PHP
pero por la cantidad de datos en la Base de Datos (BD) ya es necesario tratar los datos con ajax
y estoy muy novato en ese lenguaje.
Mi problema es el siguiente.
Tengo una tabla:
<table id="dt_pedidos" class="table table-bordered table-hover ">
<thead>
<tr>
<th>ID Pedido</th>
<th>Fecha de su Pedido</th>
<th>Monto</th>
<th>Banco Emisor / Nro. de Transferencia</th>
<th>Status</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
Y mi código js
que genera los datos:
$(document).ready(function() {
listar();
});
var listar = function(){
var table = $('#dt_pedidos').DataTable({
"language": idioma_espanol,
"ajax": {
"method":"POST",
"url":"funciones/listar_t.php"
},
"columns":[
{"data":"id"},
{"data":"fecha_pedido"},
{"data":"monto"},
//{"data":"banco_emisor"},
//{"data":"nro_transf"},
{"data":"banco_emisor", "data": 'nro_transf'},
{"data":"status_pedido"}
]
});
//console.log(table);
}
No he logrado unir ambos datos para que se muestren en una sola columna, de momento como solución temporal he optado por crear 2 columnas diferentes una para "data":"banco_emisor"
y otra para "data": 'nro_transf'
pero quisiera mostrar estos datos en una sola columna.
He intentado lo sugerido en: Como juntar 2 columnas en un datatables sin éxito al igual que he tratado de hacer un render pero me da como resultado que el dato es undefined
imagino que he tratado de aplicar una solución de una forma incorrecta.
Consulta 2
Por último la columna status
lógicamente me trae los resultados esperados que son los que están en mi BD en dicha columna trae como resultado letras que son: E, C, E y R.
Las letras corresponden a:
E = Esperando
C = Conformado
E = Entrega
R = Rechazado
ESPERANDO = '<div class="w-70 mx-auto alert alert-warning" role="alert" data-toggle="popover" title="EN ESPERA" data-content="Su pago aun no ha sido conformado.">
EN ESPERA <i class="fa fa-clock"></i>
</div>'
CONFORMADO = '<div class="w-70 mx-auto alert alert-success" role="alert" data-toggle="popover" title="CONFORMADO" data-content="Este mensaje es indicativo de que su pago ya fue aprobado, queda a la espera de la entrega de su pedido.">
CONFORMADO <i class="fa fa-clock"></i>
</div>'
RECHAZADO = '<div class="text-center w-70 mx-auto alert alert-danger" role="alert" data-html="true" data-toggle="popover" title="RECHAZADO" data-content="Su pago fue rechazado, por el siguiente motivo:<br> '.{"data":"motivo"}.'.">
RECHAZADO <i class="fa fa-exclamation-triangle"></i>
</div>';
ENTREGA = '<form autocomplete="off" class="was-validated" method="get" action= "ver_pedido.php?id_pedido='.{"data":"id"}.'">
<input type="hidden" name="id_pedido" value="'.{"data":"id"}.'">
<button data-html="true" data-toggle="popover" title="SECCION DE DESCARGAS" data-content="Aca podra acceder a su pedido." type="submit" class="btn btn-success" >DESCARGAR <i class="fa fa-file-download"></i></button> </form>'
Como hago para mostrar en DataTable
la salida esperada según el resultado de: {"data":"status_pedido"}.