estou tentando fazer um filtro customizado selecionando uma range de números com o datatables e só funciona uma vez. Tentei de várias maneiras e nenhuma funcionou e pesquisando nada encontrei, por isso venho aqui pedir a ajuda de vocês.
<select id="filtro1">
<option value="">Selecione</option>
<option value="1-10">1-10</option>
<option value="11-16">11-16</option>
</select>
aqui está o jquery
$(document).ready(function() {
$('#filtro1').on("change", function(){
var valor = $(this).val();
var arr = valor.split('-');
$.fn.dataTable.ext.search.push(
function( settings, data, dataIndex ) {
var min = parseInt( arr[0], 7 );
var max = parseInt( arr[1], 7 );
var age = parseFloat( data[7] ) || 0; // use data for the age column
if ( ( isNaN( min ) && isNaN( max ) ) ||
( isNaN( min ) && age <= max ) ||
( min <= age && isNaN( max ) ) ||
( min <= age && age <= max ) )
{
return true;
}
return false;
}
);
table.draw();
});
var table = $('#classificacao').DataTable({
"lengthMenu": [ [10, 25, 50, 100, -1], [10, 25, 50, 100, "Todos"] ],
"processing": true,
"oLanguage": {
"sUrl": "../busca/pt-br.txt"
},
"columnDefs": [
{
"targets": [ 7 ],
"visible": false
}
]
});
});
tirei como base este exemplo que usa input type text
https://datatables.net/examples/plug-ins/range_filtering.html
desde já agradeço qualquer ajuda.