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.Filas de la tabla de filtro con jquery
Respuesta
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).
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.
- 1. Seleccione cada 2 filas de la tabla con jquery
- 2. jQuery búsqueda y tabla de filtro
- 3. jQuery filtro de tabla con texto, casillas de verificación, selecciona
- 4. Tabla de filtro de entrada <select> usando jQuery
- 5. jQuery selector condicional de filas de la tabla
- 6. Tabla ordenable con Filas expandibles
- 7. ¿Cómo ocultar/mostrar las filas de la tabla usando jQuery?
- 8. jQuery - cómo seleccionar todas las filas de la tabla entre dos filas de la tabla en la misma mesa
- 9. Escucha de filas de la tabla añadido
- 10. Modificación del plugin jQuery de filtro de tabla
- 11. Entradas de serialización en filas de tabla (jQuery)
- 12. Django Tabla con millones de filas
- 13. ¿Hay una manera rápida de. Eliminar filas de la tabla con jQuery
- 14. Usando ng-repeat con filas de tabla
- 15. Filtro de jQuery y retroceso Filtro
- 16. jQuery: seleccione las primeras cinco filas de una tabla
- 17. ¿cómo borrar filas de DataTable en C# con un filtro?
- 18. Agregar filas a tbody de una tabla usando jQuery
- 19. Seleccionar filas aleatorias de la tabla MySQL
- 20. Columna de filtro jQuery DataTables con operadores de comparación
- 21. pandas: filtro complejo en filas de DataFrame
- 22. problema tablesorter jQuery con filas añadidas dinámicas
- 23. cómo filtrar filas en un filtro complejo
- 24. Actualizar filas de otra tabla
- 25. Jquery Reemplazar la fila de la tabla en JQuery
- 26. Colapsar/Expandir columnas de tabla (no filas)
- 27. Alternar visibilidad de filas de tabla adicionales
- 28. Jquery Ocultar filas de tablas
- 29. jquery fullcalendar filtro de eventos
- 30. cabecera de la tabla jQuery tipo
¿funcionará esto con .hide() también? en caso de que sea posible, ¿cuál sería una buena manera de mostrar/mostrar todas las filas de la tabla en caso de que quiera restablecer el filtro? – mko
@John - Sí, usar 'hide' funcionaría bien. Ver mi edición –