【问题标题】:How to hide "Showing 1 of N Entries" with the dataTables.js library如何使用 dataTables.js 库隐藏“显示 N 个条目中的 1 个”
【发布时间】:2013-10-26 14:56:00
【问题描述】:

如何删除 dataTable 上的“显示 N 个条目中的 1 个”文本行(即在使用 javascript 库 dataTables 时?我想我正在寻找这些方面的东西......

 $('#example').dataTable({
      "showNEntries" : false
       });

很确定这是一个简单的,但似乎无法在文档中找到它。

【问题讨论】:

    标签: javascript datatables


    【解决方案1】:

    您可以使用bInfo 选项将其删除 (http://datatables.net/usage/features#bInfo)

       $('#example').dataTable({
           "bInfo" : false
       });
    

    更新: 由于 Datatables 1.10.* 此选项可用作 infobInfo 在当前的夜间版本 (1.10.10) 中仍然有效。

    【讨论】:

    • 如果您只想隐藏它,这比我的答案更好。如果您需要对其进行样式设置,Allan 将每个元素都包装在它自己的类中,这样您就可以使用它了。
    • 我也最喜欢这个答案,因为它一直指向 dataTable 参数,但也感谢 Daiku,因为我有一些选择......尼克
    • 这使得“可编辑”表格类型中断(无法编辑或保存行)。
    • @jovan 我认为此选项不会干扰“可编辑”。你有一个例子(也许是jsfiddle)我可以帮你看看吗?
    • @BMH 我得到它的工作 - 老实说,我什至不记得问题是什么了!
    【解决方案2】:

    试试这个隐藏

    $('#table_id').DataTable({
      "info": false
    });
    

    试试这个换标签

    $('#table_id').DataTable({
     "oLanguage": {
                   "sInfo" : "Showing _START_ to _END_ of _TOTAL_ entries",// text you want show for info section
                },
    
    });
    

    【讨论】:

      【解决方案3】:

      如果您还需要禁用下拉菜单(不隐藏文本),请将lengthChange 选项设置为false

      $('#datatable').dataTable( {
        "lengthChange": false
      } );
      

      适用于 DataTables 1.10+

      official documentation了解更多信息

      【讨论】:

      • 这会隐藏下拉菜单。它不会隐藏文本“显示 N 个条目中的 1 个”
      【解决方案4】:

      现在,这似乎可行:

      $('#example').DataTable({
        "info": false
      });
      

      它完全隐藏了div

      【讨论】:

        【解决方案5】:

        这是为我工作:

        language:{"infoEmpty": "No records available",}
        

        【讨论】:

        • 这似乎没有回答问题,它要求在有 条记录时抑制消息。看起来您正在更改要显示的消息,但没有记录,这不是 OP 询问的问题。
        猜你喜欢
        • 1970-01-01
        • 2017-06-05
        • 2015-04-19
        • 1970-01-01
        • 2019-01-14
        • 1970-01-01
        • 2020-09-10
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多