es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Cómo buscar una fila completa en una tabla mediante la filtración de solo una columna?

29 Jul, 2023 Programación

Tengo una tabla en la que quiero buscar solo en la primera columna con respecto al código de la máquina y si la búsqueda coincide, debe mostrar la fila completa. ¿Alguna idea de dónde me equivoqué? Aquí tienes un ejemplo en el que he intentado pero fallado: https://jsfiddle.net/xc54qnru/

Intenté este script, pero solo tuve éxito parcial.

$(documento).ready(function() {
$(“#myInput”).on(“keyup”, function() {
var value = $(this).val().toLowerCase();
$(“#myTable tr”).filter(function() {
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
});
});
});

Tags:  , , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Parece que el script está buscando el valor de entrada en todas las columnas de la tabla, en lugar de solo en la primera columna que contiene los códigos de máquina.

    Para buscar solo en la primera columna, debes modificar la función de filtro para apuntar a la primera columna de cada fila. Aquí tienes un script actualizado:

    $(document).ready(function() {
  $("#myInput").on("keyup", function() {
    var value = $(this).val().toLowerCase();
    $("#myTable tr").filter(function() {
      var firstColumn = $(this).find("td:first").text().toLowerCase();
      $(this).toggle(firstColumn.indexOf(value) > -1);
    });
  });
});

    Lo que hace este script es encontrar la primera columna de cada fila (<td>:first) y luego verifica si el valor de entrada se encuentra en esa columna. Si sí se encuentra, se muestra toda la fila; de lo contrario, se oculta.

    ¡Pruébalo con tu propia tabla y avísame si te funciona!

Comments are closed.