Tengo una tabla la cual se carga estaticamente sus valores. El asunto es que manejo esta tabla con datatables, y al querer sumar las columnas con una clase especifica, no carga nada en el footer, pero al hacer un console.log al resultado de la suma y al indice de cada tabla, este si aparece la informacion y bien calculada.
Este es mi codigo de datatable:
var empresas = $('#empresas').DataTable({
"language": traduccion,
"responsive": false,
"autoWidth": false,
"order": [[ 2, "desc" ]],
"columnDefs":[
{
"targets": 'dt-formater',
"render": $.fn.dataTable.render.number('.', ',', 0, '$')
},
],
"footerCallback": function(row, data, start, end, display) {
var api = this.api();
api.columns('.dt-formater', { page: 'current' }).every(function () {
var sum = api
.cells( null, this.index(), { page: 'current'} )
.render()
.reduce(function (a, b) {
var x = parseFloat(a) || 0;
var y = parseFloat(b) || 0;
return x + y;
}, 0);
console.log(this.index() +' '+ sum);
$(this.footer()).html(sum);
});
},
});
Trate tambien cargar en el footer con esta opcion:
$(api.column( this.index() ).footer() ).html(sum);
En esas dos opciones, ninguna carga informacion en el footer. Espero me puedan ayudar