Actualmente estamos trabajando en un CRM basado en web. El proyecto va muy bien, excepto por un problema frustrante.

estamos usando elDataTable jQuery plug-in para casi todosordenable Tablas en la aplicación. Aquí hay una lista de incidentes activos.

Como puede ver, la tercera columna representa el tipo de incidentes (ticket, solicitud de cambio, solicitud de servicio, etc.)

Los usuarios solicitaron un cuadro de filtro ubicado en la parte superior de la tabla anterior para filtrar los tipos de incidentes. Por ejemplo, si elige "Sólo entradas", todos los demás tipos se ocultarán. Hasta ahora, todo está funcionando.

Para hacerlo, cada fila tiene una clase CSS que representa el tipo de incidente.

Fila # 1: clase = "boleto"Fila # 2: class = "changeRequest"

Cuando el valor del cuadro de filtro cambia, se ejecuta el siguiente código javascript

$('table.sortable').each(function() {
    for (var i = 0; i < rows.length; i++) {
        if ($(rows[i]).hasClass(vClass)) $(rows[i]).hide();
    }
});

dónde

vClass = La clase CSS que representa el tipo de incidenterows = Todas las filas de dataTable, obtenidas de "$ (SomeDatatable) .dataTable (). fnGetNodes ();"$ ('table.sortable') = Todas las tablas de datos

Ahora, abróchate los cinturones de seguridad (forro francés). Cuando ocultas una fila implícitamente, dataTable todavía la cuenta. Aquí está el fabuloso resultado.

Una vez que se explica, ahí va la pregunta principal: ¿Cómo se supone que debo decirle a dataTable que quiero ocultar las filas sin eliminarlas para siempre? DataTable ya tiene un cuadro de filtro, pero necesito que funcione de manera independiente junto con el cuadro de filtro de tipo (no en la imagen).

¿Hay alguna manera de agregar un segundo filtro, tal vez?