कॉलम फिल्टर पंक्ति समूह के साथ काम नहीं कर रहा

वोट
8

जब मैं jQuery DataTables एकीकृत स्तंभ फिल्टर और पंक्ति समूहीकरण , jQuery DataTables स्तंभ फिल्टर काम नहीं कर रहा।

मैंने कोशिश की डेमो लेकिन यह डेमो स्तंभ फिल्टर में लगता भी काम नहीं करता।

24/09/2015 को 04:40
उपयोगकर्ता
अन्य भाषाओं में...                            


1 जवाब

वोट
1

उपाय

प्लग इन पंक्ति समूहन के साथ कॉलम छनन नहीं रह गया है विकसित किया जा रहा है, मैं उन्हें इस्तेमाल करने की सलाह नहीं होता। DataTables विकल्प और एपीआई विधियों का उपयोग पंक्ति समूह और व्यक्तिगत स्तंभ खोज प्रदर्शन करने के लिए के रूप में दर्शाई पंक्ति उदाहरण समूहीकरण और व्यक्तिगत स्तंभ खोज उदाहरण

// 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