【问题标题】:Do Not display pagination不显示分页
【发布时间】:2011-07-27 16:53:56
【问题描述】:

我有一个问题。我正在尝试做的是,如果表格没有返回结果,则不显示分页。我没有什么不起作用。

var oTable = $('#templatesPageList').dataTable( {
    "sDom": 'rti<"pagination"p>',
    "iDisplayLength": 10,
    "sPaginationType": "full_numbers",
    "fnDrawCallback":function(){
        if(oTable).find("tbody tr").length(0){
            $(oTable 'div.dataTables_paginate')[0].style.display = "none";
        } else {
            $(oTable 'div.dataTables_paginate')[0].style.display = "block";
        }
    }

【问题讨论】:

    标签: jquery datatables


    【解决方案1】:

    这让我觉得有点奇怪:if(oTable).find("tbody tr").length(0){ 这肯定会导致 JS 出错。你的意思是if(oTable.find("tbody tr").length == 0){

    另外:$(oTable 'div.dataTables_paginate') 不起作用。如果您只传递一个参数,则需要连接,或者更好的是,使用原始选择器:$('#templatesPageList div.dataTables_paginate')

    【讨论】:

    • 出于某种原因,它只是不喜欢那样。让我快速制作一个 jsfiddle,然后我会重新发布。
    • jsfiddle.net/xtremer360/dwPPe/2 如果您注意到应该出现在表格页脚中的内容也不再显示。
    • 啊哈!你的问题是桌子永远不会是空的。您需要对此进行测试:if($('#templatesPageList tbody td.dataTables_empty').length &gt; 0),然后适当切换:$('#templatesPageList').remove()
    • 你可能需要:` if($('#templatesPageList tbody td').length 0))`
    • 看起来你是在告诉它一次只显示 10 行,所以&lt;= 10 永远是真的。
    【解决方案2】:

    你应该这样做:

    "fnDrawCallback":function(){
        if((oTable).find("tr").length > 0)){
            $(oTable).find('div.dataTables_paginate').show();
        } else {
            $(oTable).find('div.dataTables_paginate').hide();
        }
    

    【讨论】:

      【解决方案3】:

      Nicola 的代码对我不起作用,因为表格总是包含行(至少是标题)。诀窍是:

      "fnDrawCallback": function (o) {
                              if (o.aiDisplay.length > 0) {
                                  $("#templatesPageList_paginate").show();
                               } else {
                                  $("#templatesPageList_paginate").hide();
                               }
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2012-10-17
        • 1970-01-01
        • 1970-01-01
        • 2018-08-07
        • 1970-01-01
        相关资源
        最近更新 更多