Filas de la tabla de filtro con jquery

Question

Me gustaría saber cómo filtrar las filas de la tabla en función de un valor de columna. Complementos excluidos, me gustaría descubrir cómo hacer que esto funcione.

Answer 1

Su pregunta es muy vaga, pero la idea general sería algo como esto:

$("td").filter(function() { 
    return $(this).text().indexOf("whatever") !== -1; 
}).parent().remove(); 

Aquí hay una working example. Primero selecciona todas las celdas de la tabla, luego las filtra basándose en algún texto y elimina la matriz (que debe ser el tr) de las filas restantes.

Si no le importan las columnas individuales, puede seleccionar los elementos tr y deshacerse de la llamada al parent. Eso seguirá funcionando porque text devolverá el texto de todos los elementos secundarios del tr seleccionado.

actualización basado en los comentarios

Lo anterior se eliminarán las filas de la tabla coincidente de la DOM por completo. Si desea ocultarlos, puede reemplazar remove con hide. Si a continuación, quería hacer las filas visibles de nuevo simplemente podría hacer algo como:

$("tr").show(); 

que selecciona todos los tr elementos y ellos (los que ya son visibles no se verá afectada muestra, por lo que sólo los que ocultan previamente se volverá visible de nuevo).

Answer 2

La idea básica detrás de todo el filtrado de tablas es ocultar todas las filas y luego mostrar aquellas donde el contenido de un <td> tiene la cadena de búsqueda incluida.

con jQuery la magia se hace así:

$('tr').filter(":contains('" + searchstring + "')").show(); 

Pero no hay necesidad de usar jQuery para esto - He codificado un JS-solución sencilla para ello. Puede encontrarlo here.