DataTables numbers_length = 3更改分页按钮

Question

通过将numbers_length属性设置为3，我可以生成此

有什么方法我只能得到3个页面编号（上一个，当前一个和下一个）：

Answer 1

解

您可以使用我们的插件Simple Numbers - No Ellipses。

$(document).ready(function() {
   $('#example').dataTable({
      'pagingType': 'simple_numbers_no_ellipses'
   });
});

然而，这个插件显示＆＃34; Previous＆＃34;和＆＃34;下一步＆＃34;纽扣。要克服这一点，请使用下面的修改代码。

$.fn.DataTable.ext.pager.numbers_no_ellipses = function(page, pages){
   var numbers = [];
   var buttons = $.fn.DataTable.ext.pager.numbers_length;
   var half = Math.floor( buttons / 2 );

   var _range = function ( len, start ){
      var end;

      if ( typeof start === "undefined" ){
         start = 0;
         end = len;

      } else {
         end = start;
         start = len;
      }

      var out = [];
      for ( var i = start ; i < end; i++ ){ out.push(i); }

      return out;
   };


   if ( pages <= buttons ) {
      numbers = _range( 0, pages );

   } else if ( page <= half ) {
      numbers = _range( 0, buttons);

   } else if ( page >= pages - 1 - half ) {
      numbers = _range( pages - buttons, pages );

   } else {
      numbers = _range( page - half, page + half + 1);
   }

   numbers.DT_el = 'span';

   return [ numbers ];
};

$(document).ready(function (){   
   var table = $('#example').dataTable({
      pagingType: 'numbers_no_ellipses'
   });
});

请参阅this jsFiddle以获取代码和演示。

LINKS

• jQuery DataTables: Pagination without ellipses