Tengo una tabla creada con datatable
que tiene unos filtros, lo que quisiera es sumar unos valores de la tabla mientras se filtren me sume 4 columnas sólo los totales y me los muestre en un input
, que sean dinámicos mientras se vaya filtrando la tabla me muestre los totales.
JS
$('.tablareporte606').DataTable({
"deferRender": true,
"retrieve": true,
"processing": true,
initComplete:function(){
this.api().columns().every(function(){
var column = this;
var select = $('<select class="form-control"><option value=""></option></select>').appendTo( $(column.footer()).empty() ).on( 'change', function () {
var val = $.fn.dataTable.util.escapeRegex($(this).val());
column.search( val ? '^'+val+'$' : '', true, false ).draw();
});
column.data().unique().sort().each(function(d, j) {
select.append( '<option value="'+d+'">'+d+'</option>')
});
});
},
"language": {
"sProcessing": "Procesando...",
"sLengthMenu": "Mostrar _MENU_ registros",
"sZeroRecords": "No se encontraron resultados",
"sEmptyTable": "Ningún dato disponible en esta tabla",
"sInfo": "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
"sInfoEmpty": "Mostrando registros del 0 al 0 de un total de 0 registros",
"sInfoFiltered": "(filtrado de un total de _MAX_ registros)",
"sInfoPostFix": "",
"sSearch": "Buscar:",
"sUrl": "",
"sInfoThousands": ",",
"sLoadingRecords": "Cargando...",
"oPaginate": {
"sFirst": "Primero",
"sLast": "Último",
"sNext": "Siguiente",
"sPrevious": "Anterior"
},
"oAria": {
"sSortAscending": ": Activar para ordenar la columna de manera ascendente",
"sSortDescending": ": Activar para ordenar la columna de manera descendente"
}
}
});
HTML
<table class="table table-bordered table-striped dt-responsive tablareporte606" width="100%">