【问题标题】:jQuery dataTables hide Show Entries text but show the dropdown listjQuery dataTables 隐藏显示条目文本但显示下拉列表
【发布时间】:2015-07-23 07:04:36
【问题描述】:

jQuery dataTables 隐藏“显示条目”文本,但在页面右侧显示下拉列表。

$('#myTable_reports_view').DataTable({
   "aoColumnDefs": [
       {"bSortable": false, "aTargets": [2,3,4,5,7]}
   ],
   "bFilter": false,
   "bInfo": false,
   "bLengthChange": true
});

我正在添加此代码。问题是“显示 DDL 条目”正在隐藏,但我只想隐藏文本部分,而不是下拉列表。

【问题讨论】:

    标签: datatables


    【解决方案1】:

    是的,隐藏长度菜单会隐藏文本长度菜单。如果您只是想摆脱“显示 XX 条目”文本,那么只需更改该特定元素的语言设置即可。默认设置是:

    "oLanguage": {
        "sLengthMenu": "Show _MENU_ entries"
    }
    

    在初始化时重置它:

    $('#myTable_reports_view').DataTable({
       "bFilter": false,
       "bInfo": false,
       "bLengthChange": true,
       oLanguage: {
           sLengthMenu: "_MENU_",
        }
    });
    

    现在您将只有下拉菜单,而不是前缀/后缀。这是所有oLanguage 默认值的提取列表:

    "oLanguage": {
        "oAria": {
            "sSortAscending": ": activate to sort column ascending",
            "sSortDescending": ": activate to sort column descending"
        },
        "oPaginate": {
            "sFirst": "First",
            "sLast": "Last",
            "sNext": "Next",
            "sPrevious": "Previous"
        },
        "sEmptyTable": "No data available in table",
        "sInfo": "Showing _START_ to _END_ of _TOTAL_ entries",
        "sInfoEmpty": "Showing 0 to 0 of 0 entries",
        "sInfoFiltered": "(filtered from _MAX_ total entries)",
        "sInfoPostFix": "",
        "sDecimal": "",
        "sThousands": ",",
        "sLengthMenu": "Show _MENU_ entries",
        "sLoadingRecords": "Loading...",
        "sProcessing": "Processing...",
        "sSearch": "Search:",
        "sSearchPlaceholder": "",
        "sUrl": "",
        "sZeroRecords": "No matching records found"
     }
    

    【讨论】:

    • 这就是我要找的:oLanguage: { sLengthMenu: "_MENU_", }。谢谢!
    【解决方案2】:

    使用此代码删除数据表showing entries

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

    【讨论】:

      猜你喜欢
      • 2012-10-28
      • 1970-01-01
      • 2023-04-08
      • 1970-01-01
      • 1970-01-01
      • 2014-09-15
      • 1970-01-01
      • 2011-05-16
      • 1970-01-01
      相关资源
      最近更新 更多