Search-in-table-HTML.js

/*
Se requiere pasar un objeto vars_table, que contenga el selector de la tabla HTML y el placeholder, por ejemplo:

let vars_table = {
  "select": "table.table-data",
  "placeholder": "Buscar empleados"
}
*/

(function( $ ) {
	'use strict';

    const select_table = vars_table.table;
    const search_input = `  <section class="container-search">
                            <input type="search" id="table-search" name="table-search" placeholder="${vars_table.placeholder}" />
                            </section>`;
    // insertar input
    $(search_input).insertBefore(select_table);

    // Búsqueda
    let rows = $(select_table).find('tr').not(':first');

    $('#table-search').keyup(function() {
        const search_value = $.trim($(this).val()).replace(/ +/g,' ').toLowerCase();

        rows.show().filter( function(){
            const row_value = $(this).text().toLowerCase();
            return !~row_value.indexOf(search_value);
        }).hide();

    });

})( jQuery );