jQuery Datatable中的自定义条目过滤器

时间:2015-04-06 04:54:36

标签: jquery jquery-ui jquery-plugins jquery-datatables

我想在jquery datatable中创建自定义条目过滤器

<select name="admin_length" size="1" aria-controls="admin"><option
                                    value="10" selected="selected">10</option>
                                <option value="25">25</option>
                                <option value="50">50</option>
                                <option value="100">100</option></select>

这位于表格之外

2 个答案:

答案 0 :(得分:0)

使用下拉列表的更改事件,并将您的条件与表格的每一行匹配。 像这样的东西

    $("#admin_length").change(function(){
       $("#table tr").each( function(index){
       var cellText=($("this").children(tr:nth-child(1)).text();
    //according to you filter condition on cellText show or hide current row (this)

    })    
})

希望这会有所帮助

答案 1 :(得分:0)

<select id="admin_length" name="admin_length" size="1" aria-controls="admin"><option
                                    value="10" selected="selected">10</option>
                                <option value="25">25</option>
                                <option value="50">50</option>
                                <option value="100">100</option></select>

并使用此jquery代码

$( '#admin_length')。改变(函数(){

oTable.api()。columns()。search($(this).val())。draw();

})