在分页中显示数据表的第一个和最后一个按钮

Show first and last buttons in pagination for Datatables

本文关键字：第一个 最后一个 按钮 数据表 分页 显示      更新时间：2023-09-26

这是来自我购买的模板，我正在尝试找出将full_numbers pagingType应用于以下代码的位置，以便我可以看到分页中的第一页和最后一页。

$.components.register("dataTable", {
  defaults: {
    responsive: true,
    language: {
      "sSearchPlaceholder": "Search..",
      "lengthMenu": "_MENU_",
      "search": "_INPUT_",
      "paginate": {
        "previous": '<i class="icon wb-chevron-left-mini"></i>',
        "next": '<i class="icon wb-chevron-right-mini"></i>'
      }
    }
  },
  api: function() {
    if (!$.fn.dataTable) return;
    if ($.fn.dataTable.TableTools) {
      // Set the classes that TableTools uses to something suitable for Bootstrap
      $.extend(true, $.fn.dataTable.TableTools.classes, {
        "container": "DTTT btn-group btn-group pull-left",
        "buttons": {
          "normal": "btn btn-outline btn-default",
          "disabled": "disabled"
        },
        "print": {
          "body": "site-print DTTT_Print"
        },
      });
    }
  },
  init: function(context) {
    if (!$.fn.dataTable) return;
    var defaults = $.components.getDefaults("dataTable");
    $('[data-plugin="dataTable"]', context).each(function() {
      var options = $.extend(true, {}, defaults, $(this).data());
      $(this).dataTable(options);
    });
  }
});

如果您希望它应用于所有表，请使用以下代码：

$.components.register("dataTable", {
   defaults: {
      pagingType: 'full_numbers',
      responsive: true,
      // ... skipped ...
相关文章：