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以充分利用此功能。

[...]

  允许以下选项：

   l - 长度变化
   f - 过滤输入
   t - 表格！
  我 - 信息
   p - 分页
   r - pRocessing

  [...]

Jquery dataTable隐藏searchBox但显示条目downdrop

1 个答案: