Javascript jquery datatables单个列搜索（选择输入）不'；行不通

我使用datatables.js，我想使用单个列搜索（选择输入），但它不起作用。该表已显示，但列下方没有选择输入。。。有人有主意吗？任何暗示都会有帮助

    $(document).ready(function() {
//use json and create dynamic table   
//http://jsperf.com/table-rows-20120430/3
var colData = [" ", "Tool Name", "Producer", "Usability"];
var rowData = [["A","Tool1", "Producer1", "7"],
              ["B","Tool2","Producer2","4"],
              ["C","Tool3", "Producer3","2"]];
 var data = {"Cols":colData, "Rows":rowData};`

var table = $('<table/>').attr("id", "userquerytable").addClass("display").attr("cellspacing", "0").attr("width", "100%");




var tr = $('<tr/>');
table.append('<thead>').children('thead').append(tr);

for (var i=0; i< data.Cols.length; i++) {
  tr.append('<td>'+data.Cols[i]+'</td>'); 
}

for(var r=0; r < data.Rows.length; r++){   
    var tr = $('<tr/>');
    table.append(tr);  
    //loop through cols for each row...
    for(var c=0; c < data.Cols.length; c++){
        tr.append('<td>'+data.Rows[r][c]+'</td>');   
    }
}

$('#userquerytable-container').table({
    initComplete: function () {
        this.api().column().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>' )
            } );
        } );
    }
});

$（文档）.ready（函数（）{
//使用json并创建动态表
//http://jsperf.com/table-rows-20120430/3
var colData=[“”、“工具名称”、“生产者”、“可用性”]；
var rowData=[[“A”、“Tool1”、“Producer1”、“7”]，
[“B”、“工具2”、“生产商2”、“4”]，
[“C”、“Tool3”、“Producer3”、“2”]；
var data={“Cols”：colData，“Rows”：rowData}`
var table=$（''）.attr（“id”，“userquerytable”）.addClass（“display”）.attr（“cellspacting”，“0”）.attr（“width”，“100%”；
var tr=$（''）；
表.append（“”）.children（'thead'）.append（tr）；
对于（变量i=0；i

---

}）

我强烈建议您使用最新的DataTable版本（1.10）。如果您正在使用这个库，那么您真的没有理由手动构造整个表。这就是这个库的用途。我强烈建议您使用最新的DataTable版本（1.10）。如果您正在使用这个库，那么您真的没有理由手动构造整个表。这就是这个图书馆的用途。