Datatables - 在数据表格外添加搜索框

Question

Datatables - 在数据表格外添加搜索框

jquerysearchdatatablesfiltering

135

我正在使用 DataTables (datatables.net)，我希望将搜索框放在表格之外（例如在我的标题 div 中）。

这是否可能？

- Athanasios Emmanouilidis

12个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- ebrown · Answer 1

您可以使用fnDrawCallback函数在绘制表格时移动

元素。

    $("#myTable").dataTable({
    "fnDrawCallback": function (oSettings) {
        $(".dataTables_filter").each(function () {
            $(this).appendTo($(this).parent().siblings(".panel-body"));
        });
    }
});

- Nikhil Thombare · Answer 2

如果您正在使用JQuery dataTable，那么您只需要添加"bFilter":true。这将在表格外显示默认搜索框，并且它可以动态地工作...如预期的那样。

$("#archivedAssignments").dataTable({
                "sPaginationType": "full_numbers",
                "bFilter":true,
                "sPageFirst": false,
                "sPageLast": false,
                "oLanguage": {
                "oPaginate": {
                    "sPrevious": "<< previous",
                    "sNext" : "Next >>",
                    "sFirst": "<<",
                    "sLast": ">>"
                    }
                },
            "bJQueryUI": false,
            "bLengthChange": false,
            "bInfo":false,
            "bSortable":true
        });