Jquery Datatable搜索框重新定位

Question

我想重新定位过滤器框在jquery数据表之外.我想要完全像这样:

我该怎么办？

Answer 1

只需将#<table_id>_filterdiv 重新定位到所需位置,detach().appendTo()如下所示:

$("#example").DataTable({
    initComplete : function() {
        $("#example_filter").detach().appendTo('#new-search-area');
    }
});

您甚至可以设置搜索过滤器框在重定位位置的显示方式:

#new-search-area {
    width: 100%;
    clear: both;
    padding-top: 20px;
    padding-bottom: 20px;
}
#new-search-area input {
    width: 600px;
    font-size: 20px;
    padding: 5px;
}

演示 - > http://jsfiddle.net/dq2bmgd9/