datatables - plugin - Filtrado de jQuery DataTable: tan confuso

personalizar datatable jquery

Question

Soy nuevo en el plugin jQuery dataTables encontrado en https://datatables.net/

Estoy tratando de implementar un filtro personalizado para la tabla:

Básicamente, cuando hago clic en un botón, una función de filtrado personalizada prueba el valor de la columna # 1 (valor numérico) para todas las filas, y si el valor en la columna <50 para una fila, la fila permanece; de ​​lo contrario, la fila está oculta .

El concepto debería ser muy simple, pero parece que no puedo encontrar la manera correcta de usar la API:

• column.filter () devuelve una matriz de valor de columna
• column.search () solo puede aceptar datos de texto (no función)

¿Cuál es la API que puede lograr el efecto?

¿Hay algo como lo siguiente?

var api = $(''#table'').DataTable();
api.column(1).data().somefilterfunction(function (val, ind) {
return parseFloat(val) < 50;
}).draw();

Answer 1

¿Has visto este artículo en la documentación -> https://datatables.net/examples/plug-ins/range_filtering.html ?

Puede crear una función de filtrado personalizada sobre la marcha, activada por un botón:

<button id="filter">filter < 50</button>

script:

$("#filter").click(function() {
$.fn.dataTable.ext.search.push(
function( settings, data, dataIndex ) {
return parseFloat(data[0])<50
? true
: false
}
);
table.draw();
$.fn.dataTable.ext.search.pop();
});

demo -> http://jsfiddle.net/dpwgqs2o/

Tenga en cuenta que el filtro se crea dentro del controlador de clics y se elimina nuevamente tan pronto se dibuja la tabla. Esto hace que el filtro sea temporal, es decir, cuando el usuario hace clic en un encabezado de columna, el filtro se borra. Si desea un filtro permanente, haga que el filtro sea global y no lo elimine.