2015-10-16 50 views
3

以下是使用jQuery的dataTable插件的分頁代碼。 該代碼最終會產生額外的頁碼。Datatable的分頁插件顯示最後的索引頁碼

$('#example').DataTable({ 
    "pagingType": "full_numbers", 
    fnCreatedRow: function (nRow, aData, iDataIndex) { 
     $("#example").find("td").addClass("ellipsis"); 
     var progressId = "#progressbar" + iDataIndex; 
     $(progressId).progressbar({ 
      value: 37 
     }); 

    }, 

    dom: '<"top"iflp<"clear">>rt', 
    processing: true, 
    serverSide: true, 
    order: [[2, "asc"]], 
    language: { 
    "emptyTable": "<div class='TabletextRow' style='margin-left:6% !important'><div class='Icon-Nodata'></div> <div class='TableNodataText' style='margin-top:1% !important'> No Records Found.</div>", 
     "loadingRecords": "Loading...", 
     "aria": { 
      "sortascending": ": activate to sort column ascending", 
      "sortdescending": ": activate to sort column descending" 
     }, 
     "paginate": { 
      "first": "First", 
      "last": "Last", 
      "next": ">>", 
      "previous": "<<" 
     }, 
    } 

對於。例如:我們有120條記錄,每頁顯示10條記錄。但是我們可以在UI中看到第12頁索引,即最後一頁索引。我如何刪除它?

enter image description here

+0

第12頁應包含項目#110-119 ... – dandavis

+0

是的,它包含,但我不想在用戶界面上顯示12。我怎麼能做到這一點? –

+0

每個按鈕都有attribs/classes,你可以在css中點擊,所以display:none;指向該按鈕的選擇器。 – dandavis

回答

1

原因

如果你有120記錄,會有12頁面將包含記錄從111通過120

顯然您已將自定義樣式應用於分頁。在頁面512之間的默認樣式中,還有省略號(...)元素。很可能你的CSS規則隱藏了這個元素。

Default pagination control

this jsFiddle代碼和演示。

SOLUTION

糾正你的CSS規則,以顯示省略號(...)字符。

或者,請參閱my answer on how to remove ellipses或文章jQuery DataTables – Pagination without ellipses