Oszlop szűrő nem működik a sorban csoportosulás

szavazat
8

Mikor integrálni jQuery adattáblák oszlop szűrő és sorban csoportosulás , jQuery adattáblák oszlop szűrő nem működik.

Próbáltam a demo , de úgy tűnik, a demo oszlopban szűrőt is nem működik.

A kérdést 24/09/2015 04:40
felhasználó
Más nyelveken...                            


1 válasz

szavazat
1

MEGOLDÁS

Plug-ins Row csoportosítása együtt oszlop szűrése már nem fejlesztenek ki, én nem ajánlom használja őket. Használata adattáblák lehetőségek és API módszer elvégzéséhez sorban csoportosítása és az egyéni oszlopot keresés bemutatott Row csoportosítása példában és egyéni oszlopot keresést például .

// Setup - add a text input to each footer cell
$('#example tfoot th').each( function () {
    var title = $('#example thead th').eq( $(this).index() ).text();
    $(this).html( '<input type="text" placeholder="Search '+title+'" />' );
} );

// DataTable
var table = $('#example').DataTable({
    "order": [[2, 'asc']],
    "drawCallback": function (settings){
        var api = this.api();

        // Zero-based index of the column for row grouping
        var col_name = 2;

        // If ordered by column containing names
        if (api.order()[0][0] === col_name) {
            var rows = api.rows({ page: 'current' }).nodes();
            var group_last = null;

            api.column(col_name, { page: 'current' }).data().each(function (name, index){
                var group = name;

                if (group_last !== group) {
                    $(rows).eq(index).before(
                        '<tr class="group"><td colspan="6">' + group + '</td></tr>'
                    );

                    group_last = group;
                }
            });
        }
    }
});

// Apply the search
table.columns().every( function () {
    var that = this;

    $( 'input', this.footer() ).on( 'keyup change', function () {
        if ( that.search() !== this.value ) {
            that
                .search( this.value )
                .draw();
        }
    } );
} );    

DEMÓ

Lásd ezt jsFiddle a kódot, és a demonstráció.

Válaszolt 24/09/2015 12:14
a forrás felhasználó

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more