javascript - Jquery dataTable 隐藏搜索框但显示条目下拉

Question

我试图隐藏数据表的搜索文本框，并在向其添加图标时使用我自己的自定义文本框。

现在，如果我使用下面的代码隐藏搜索框，它也会隐藏显示条目下拉列表。

有什么方法可以仅隐藏搜索框并保留显示条目下拉菜单或使用自定义下拉菜单作为替代？

$(document).ready(function() {
    oTable = $('#example').DataTable(

        {
            "bFilter": false,
            searching: true,
            dom: "t",//show only table and hide the entry dropdown and searchbox
            "bLengthChange": true,
            "info": false

        });
    $('#searchText').keyup(function () {
        oTable.search($(this).val()).draw();
    })
});

来自 tomloprod 的更新代码

  $(document).ready(function () {
    oTable = $('#example').DataTable(

        {
            "bFilter": false,
            searching: true,
            "sDom": "l"//show only table and entry dropdown and searchbox


        });
    $('#searchText').keyup(function () {
        oTable.search($(this).val()).draw();
    })

});

Answer 1

试试这个 sDom:

"sDom": "rt<'fluid-row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>><'fluid-row'<'col-md-12 col-sm-12'<'pull-right'l>>>"

如果你没有使用bootstrap，可以去掉这个格子，直接使用:

"sDom": "rtipl"

你可以在这里看到它是如何工作的:http://jsfiddle.net/za3jogqm/

---

你应该阅读 DataTables documentation充分利用此功能。

[...]

The following options are allowed:

l - Length changing
f - Filtering input
t - The table!
i - Information
p - Pagination
r - pRocessing

[...]