φίλτρο στήλης δεν λειτουργεί με σειρά ομαδοποίηση

ψήφοι
8

Όταν ενσωματωθούν jQuery DataTables φίλτρο στήλης και σειράς ομαδοποίηση , jQuery φίλτρο DataTables στήλης δεν λειτουργεί.

Δοκίμασα το demo , αλλά φαίνεται ότι το φίλτρο της στήλης demo, επίσης, δεν λειτουργεί.

Δημοσιεύθηκε 24/09/2015 στις 04:40
χρήστη
Σε άλλες γλώσσες...                            


1 απαντήσεις

ψήφοι
1

ΛΥΣΗ

Plug-ins σειρά Ομαδοποίηση μαζί με στήλη φιλτράρισμα δεν είναι πλέον αναπτύσσονται, εγώ δεν θα συνιστούσα τη χρήση τους. Χρησιμοποιήστε τις επιλογές DataTables και μεθόδους API για να εκτελέσει σειρά ομαδοποίηση και ατομικών αναζήτηση στήλη όπως φαίνεται στο Row ομαδοποίηση παράδειγμα και Ατομικές στήλη αναζήτηση παράδειγμα .

// 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();
        }
    } );
} );    

ΔΙΑΔΗΛΩΣΗ

Δείτε αυτό το jsFiddle για τον κωδικό και επίδειξης.

Απαντήθηκε 24/09/2015 στις 12:14
πηγή χρήστη

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