Как показать разбивку на страницы с данными, например, последняя предыдущая текущая_страница следующая последняя?

Question

Если пользователь находится на первой странице, она должна отображаться как << <1> >>, а если он нажимает на следующую, то отображается как << <2> >>

Answer 1

Это настроит разбиение на страницы в соответствии с вашей спецификацией:

<script type="text/javascript">

  $(document).ready(function() {

    var myTable = $('#example').DataTable({
      "pagingType": "full",
      "language": {
        "paginate": {
          "first":      "<<",
          "last":       ">>",
          "next":       ">",
          "previous":   "<"
        }
      },
      "initComplete": function() {
        $( "<span>1</span>" ).insertAfter( "a.paginate_button.previous" );
      }
    });

    myTable.on( 'draw', function () {
      var pg = myTable.page.info().page +1;
      $( "<span>" + pg + "</span>" ).insertAfter( "a.paginate_button.previous" );
    } );

  } );

</script>

При первой инициализации таблицы в качестве номера страницы используется жестко запрограммированная «1». Для re-dr aws (например, когда вы фильтруете данные или перемещаетесь между страницами), он получает номер текущей страницы динамически.

Вы можете прочитать о различных параметрах в документации DataTables:

типы страниц

язык разбивки на страницы

initComplete

информация о странице