JQuery - Plugin data Table

Val: 3

Plugin data Table

Publicado por Laura (2 intervenciones) el 26/11/2019 20:38:09

hola hoy quiero hacer la siguiente consulta, estoy haciendo un reporte donde tengo varias columnas, estoy generando la tabla el plugins datatable, me funciona perfectamente , el tiene un input de filtro sonbre la tabla, que con cualquier valor que coincida en la tabla y tambien funciona muy bien, lo que me gustaria lograr es como tener varios input de filtros donde haga busquedas segun los parametros estableciendo

reporte-606

por ejemplo filtrar por RNC, NCF, y Fecha año mes ... algo asi..

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Pos: 97

Val: 3

Plugin data Table

Publicado por Laura (2 intervenciones) el 27/11/2019 20:22:33

TENGO a medias la solucion pero la tabla con data table es renposive, y estaba en español y perdi esas propiedades

/*************
CCS
*************/

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">

/*****************
PLUGING
******************/

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>

<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>

/*********************
JAVASCRIP
**********************

$(document).ready(function() {

    $('#Reporte606filtros').DataTable({

        initComplete: function () {

            this.api().columns().every( function () {

                var column = this;

                var select = $('<select><option value=""></option></select>')

                    .appendTo( $(column.footer()).empty() )

                    .on( 'change', function () {

                        var val = $.fn.dataTable.util.escapeRegex(

                            $(this).val()

);

                        column

                            .search( val ? '^'+val+'$' : '', true, false )

                            .draw();

                    } );

                column.data().unique().sort().each( function ( d, j ) {

                    select.append( '<option value="'+d+'">'+d+'</option>' )

                } );

            } );

    } );

} );

<table class="table table-bordered table-striped dt-responsive tablas display" id="Reporte606filtros"  width="100%">

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar