如何在数据表选择框中实现搜索多个选择

时间:2015-01-20 09:55:38

标签: jquery datatables

我们在选择框中有多个选择的要求,如下图enter image description here所示 如果有的话请分享你的想法, 我们尝试了一些带数据表示例的代码 这是代码

$(document).ready(function() {
    $('#example').DataTable( {
        initComplete: function () {
            var api = this.api();

            api.columns().indexes().flatten().each( function ( i ) {
                var column = api.column( i );
                var select = $('<select multiple="multiple" id="dummyID"><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>' )
                } );
            } );

        }
    } );
} );

请参阅以下网址Datatables filtering

0 个答案:

没有答案