0

encontré este código

var table1 = $('#table1').DataTable();
var table2= $('#table2').DataTable();
var table3= $('#table3').DataTable();
var table4= $('#table4').DataTable();
var table5= $('#table5').DataTable();

$("[aria-controls='DataTables_Table_0']").on( 'keyup', function () {
    table1.search( this.value ).draw();
    table2.search( this.value ).draw();
    table3.search( this.value ).draw();
    table4.search( this.value ).draw();
    table5.search( this.value ).draw();
} );

lo que hace es que en el buscador de la tabla DataTables_Table_0 si escribo algo busca en las table1.....table5, si escribo algo en mi tabla principal busca en todas las demas tablas, lo e adaptado a las tablas que necesito pero no hace nada, ese codigo donde lo encontre si funciona pero a la hora de ponerlo en donde lo ocupo y adaptarlo no me funciona o tal vez no sea eso lo que necesito.

3
  • 1
    Hola Juan Jose, tu pregunta es interesante y se ajusta bien a la temática del sitio, pero le faltan detalles importantes para poder comprenderla. Por favor edita tu pregunta para añadir un ejemplo mínimo verificable en el que podamos ver el código completo (datatables y html y JS relacionado) y de ese modo podamos ver el problema específico y ayudarte mejor. Lee Cómo preguntar y completa el recorrido de bienvenida para más información.
    – Alvaro Montoro
    el 25 dic. 2018 a las 0:14
  • revisa mi respuesta a una pregunta, acerca de un buscador, seguro lo puedes adaptar a tu problema y podrás hacer lo que necesitas: es.stackoverflow.com/questions/221674/… el 25 dic. 2018 a las 4:47
  • @NoéAlonsoRabadán bien creo que me va aservir el keyup para realizar la busqueda
    – Juan Jose
    el 26 dic. 2018 a las 17:37

1 respuesta 1

0

Yo resolví algo similar de la siguiente manera

<input class="form-control m-0" type="text" placeholder="Búsqueda" name="buscador_inicial" id="buscador_inicial"/>

var table = $(tableId).DataTable({
            paging: false,
            ordering: false,
            info:false,
            autoWidth:false,
            fixedHeader: {
                header: false,
                footer: false
            }
        });

var prioritarias_table = $(prioritarias_tableId).DataTable({
            paging: false,
            ordering: false,
            info:false,
            autoWidth:false,
            fixedHeader: {
                header: false,
                footer: false
            }
        });

$('#buscador_inicial').on('keyup', function(){
            let busqueda = $(this).val();

        table.search(busqueda).draw();
        prioritarias_table.search(busqueda).draw();
    });

Me funciona de maravilla y me muestra los resultados de acuerdo a mi búsqueda, espero te sirva, saludos.

1

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.