Usando parte de esta guía: enlace
Como defino la tabla:
this.dtOptions = {
pagingType: 'full_numbers',
serverSide: true,
filter: false,
processing: true,
autoWidth: true,
searchable: false,
ajax: (dataTablesParameters: any, callback) => {
that.http
.post(
this.url+'categorias/listar',
{
"nombre": this.categorias.nombre,
"status": this.categorias.status,
}
).subscribe(
resp => {
console.log(resp.data);
callback({
recordsTotal: resp.data.length,
recordsFiltered: resp.data.length,
data: resp.data
});
},
error => {
console.log('fallo la conexion al servidor');
}
);
},
columns: [
{
title: 'N°',
data: 0,
searchable: false,
orderable: false,
render: function( data, type, full, meta ){
return meta.row+1;
}
},
{
title: 'Nombre',
"render": function ( data, type, row ) {
return row.nombre;
}
},
{
title: 'Estado',
"render": function ( data, type, row ) {
let boton = (row.status) ? 'Activo' : 'Inactivo';
return boton;
}
},
],
order: [[1, 'asc']],
rowCallback: (row: Node, data: any[] | Object, index: number) => {
const self = this;
$('td', row).unbind('click');
$('td', row).bind('click', () => {
self.dataTableClick(data, row);
});
return row;
},
initComplete: function (settings, json) {
},
fnDrawCallback: function() {
},
responsive: true,
select: {
style: 'single'
}
};
En mi html simplemente coloco:
<table datatable [dtOptions]="dtOptions"
id="tabla" class="table table-hover table-fixed"></table>
Esto me da como resultante lo siguiente:
Cabe destacar que la cant de resultados por pagina deberían ser 10 y todos los resultados los arroja en cada pagina. ¿Alguna idea de como solucionar esto?
Actualización 1:
El backend es en slim2:
$app->post("/categorias/listar", function() use($app, $db){
$method = $app->request()->getBody();
$data = json_decode($method, true);
echo json_encode($data);
$sql = "SELECT * FROM categorias AS c ";
if(
(($data['nombre'] != '')&&($data['nombre'] != null))||
(($data['status'] != '')&&($data['status'] != null))
){
$sql .= " WHERE ";
if(($data['nombre'] != '')&&($data['nombre'] != null)){
$sql .= " nombre LIKE '%".$data['nombre']."%'";
$sql .= " AND";
}
if(($data['status'] != '')&&($data['status'] != null)){
$sql .= " status='".$data['status']."'";
$sql .= " AND";
}
$sql = substr($sql, 0, -3);
}
$sql .= " ORDER BY nombre";
try {
$stmt = $db->query($sql);
$tables = [];
while ($row = $stmt->fetch(\PDO::FETCH_ASSOC)) {
$tables[] = $row;
}
$result = array(
'status' => 'success',
'code' => 200,
'data' => $tables,
'sql' => $sql,
);
echo json_encode($result);
} catch (\PDOException $e) {
echo json_encode($e->getMessage());
}
});
backend
la configuración de paginado, ni la de orden (esa info esta endataTablesParameters
), por lo que obviamente siempre estas devolviendo el total de registros en el orden por defecto.backend
(la cual yo te recomendaría) o elfrontend
(es decir, recibir TODO, ordenar y paginar el resultado usando la configuración existente endataTablesParameters
backend
y las partes del código relevantes a la pregunta.