数据类型显示错误的列筛选器:使用数据表

Question

我使用此代码为每个字段生成搜索框。但它在 .columnFilter（{. 如何解决这个问题）行显示语法错误

<script type="text/javascript" charset="utf-8">
//initialisation code
    $(document).ready(function() {
        $('#example').dataTable( {
             "sPaginationType": "full_numbers",
             .columnFilter({
        sPlaceHolder: "head:before",
        aoColumns: [ {
                type: "select",
                values: [ 'Gecko', 'Trident', 'KHTML', 
                          'Misc', 'Presto', 'Webkit', 'Tasman']
                 },
                 { type: "text" },
                 { type: "number" },
                 { type: "date-range" },
                 { type: "number-range" }
            ]

        } );
    } );

</script>

Answer 1

看起来像一个JavaScript语法问题。 尝试更改为以下内容：

 $(document).ready(function() {
    $('#example').dataTable( {
         "sPaginationType": "full_numbers"
    })
         .columnFilter({
    sPlaceHolder: "head:before",
    aoColumns: [ {
            type: "select",
            values: [ 'Gecko', 'Trident', 'KHTML', 
                      'Misc', 'Presto', 'Webkit', 'Tasman']
             },
             { type: "text" },
             { type: "number" },
             { type: "date-range" },
             { type: "number-range" }
        ]

    } );
} );

Answer 2

$(document).ready(function(){ $('#example').dataTable().columnFilter(); } ）

确保在 .columnFilter 之前关闭了 dataTable（） 括号。

希望它有效。