jQuery DataTable如何隐藏搜索框，但显示条目下拉框？

Question

我正在尝试隐藏datatable的搜索文本框，并使用自己的自定义文本框，因为我要在其中添加图标。

现在，如果我使用以下代码隐藏搜索框，它也会隐藏显示条目下拉菜单。

有没有办法仅隐藏搜索框并保留显示条目下拉菜单，或者使用自定义下拉菜单替换？

$(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();
    })

});

- MVC newbie

---

是的，第一个可行且很棒。但是我该如何将它移到顶部而不是底部角落？ - MVC newbie

将什么移动，下拉菜单？将“l”选项移到sDom的开头。 - tomloprod

代码运行得非常好，我喜欢你。无论如何，我已经更新了代码以供他人使用。 - MVC newbie

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文档。

[...] 下列选项是允许的：

l - 可变长度
f - 过滤输入
t - 表格!
i - 信息
p - 分页
r - 处理中

[...]

- tomloprod