DataTables pagingType不起作用

我無法使"pagingType"選項正常工作。不要緊，如果它是simple,full_numbers,simple_numbers或full。它只是堅持預先設計的一個。DataTables pagingType不起作用

的設置是：

jQuery的1.11.1
數據表與自舉3

呼叫。

$.ajax({ 
    url: "/getPeople", 
    contentType: "application/json", 
    processData: false,     
    complete: function(data){             
     $("#ppl").dataTable({ 
      "pagingType": "simple",    
      "aaData": data.responseJSON,      
      "aoColumns": [        
       { "sTitle": "Col1", "mDataProp": "col1"}, 
       { "sTitle": "Col2", "mDataProp": "col2"}, 
       { "sTitle": "Col3", "mDataProp": "col3"},        
       { "sTitle": "Col4", "mDataProp": "col4"} 
      ],    
      "oLanguage": { 
       "sUrl": "/javascripts/i18n/dataTables.Prop.json" 
      },     
      "bFilter": false, 
      "bInfo" : false,  
      "bLengthChange": false    
     }); 
    } 
});

這是pagyng DIV輸出的HTML，我們可以看到還有的1不應該有當尋呼類型是simple

<div class="col-xs-6"> 
<div class="dataTables_paginate paging_bootstrap"> 
    <ul class="pagination"> 
     <li class="prev disabled"> 
      <a href="#">← Prev</a> 
     </li> 
     <li class="active"> 
      <a href="#">1</a> 
     </li> 
     <li class="next disabled"> 
      <a href="#">Next → </a> 
     </li> 
    </ul> 
</div>

沒有做過的你遇到過這個？謝謝。

來源

2014-05-20 Daniel Sh.

你能在小提琴中重現問題嗎？你真的不能。最新的1.10.0也是簡單的分頁正確的。看到小提琴 - > http://jsfiddle.net/U38tj/ – davidkonrad

@davidkonrad好吧，我剛剛升級我的.js文件到1.10版本和賓果遊戲，它解決了它自己。請發佈答案，以便您可以獲得積分！你已經贏得了他們:) –

這是好的:)很高興聽到你解決了它！ – davidkonrad

由於行數只有4個，它可以在數據表本身的第一頁中找到。但是，您已啓用分頁，這將顯示分頁功能和選項，即使它不起作用，因爲數據表的第二頁中沒有任何內容。

如果整個內容顯示在數據表的第一頁，則必須動態禁用分頁。 fnDrawCallback方法將檢查DOM中的行數是否大於6，那麼分頁將是可見的，否則分頁將不可見，因爲分頁div將被隱藏。

$.ajax({ 
     url: "/getPeople", 
     contentType: "application/json", 
     processData: false,     
     complete: function(data){             
      $("#ppl").dataTable({ 
       "pagingType": "simple",    
       "aaData": data.responseJSON, 
       "iDisplayLength": 6, /* fixed number of rows in one page of datatable*/     
       "aoColumns": [        
        { "sTitle": "Col1", "mDataProp": "col1"}, 
        { "sTitle": "Col2", "mDataProp": "col2"}, 
        { "sTitle": "Col3", "mDataProp": "col3"},        
        { "sTitle": "Col4", "mDataProp": "col4"} 
       ],    
       "oLanguage": { 
        "sUrl": "/javascripts/i18n/dataTables.Prop.json" 
       },     
       "bFilter": false, 
     "fnDrawCallback": function (row, data, index) { 
         if ($("#ppl").find("tr").length > row.aoData.length) 
         { 
          $("#ppl").find('.dataTables_paginate')[0].style.display = "none"; 
          $("#ppl").find('.dataTables_info')[0].style.display = "none"; 
         } else { 
          $("#ppl").find('.dataTables_paginate')[0].style.display = "block"; 
          $("#ppl").find('.dataTables_info')[0].style.display = "block"; 
         } 
        } 

      }); 
     } 
    });

來源

2014-07-30 06:12:17 sudarshan

DataTables pagingType不起作用

回答

相關問題