Функция обратного вызова плагина JQuery Pagination

Question

Я пытаюсь выполнить разбиение на страницы с помощью плагина Pagination https://pagination.js.org/, при нажатии на страницу я не могу вызвать соответствующий контент, и я не хочу создавать контент динамически, поэтому как сделать нумерацию страницдля уже созданного контента. Я не понял, как реализовать код в handlerPaginationClick(). Ниже приведен пример кода, который не работает, пожалуйста, помогите мне.

HTMl

code here


<table class="table table-bordered" id="pagination">
    <tr>
      <th>Head1</th>
      <th>Head2</th>
      <th>Head3</th>
    </tr>
    <tr class="paginate">
      <td>Name 1</td>
      <td>Adrees 1</td>
      <td>employee 1</td>
    </tr>
    <tr class="paginate">
      <td>Name 2</td>
      <td>Adrees 2</td>
      <td>employee 2</td>
    </tr>
    <tr class="paginate">
      <td>Name 3</td>
      <td>Adrees 3</td>
      <td>employee 3</td>
    </tr>
    <tr class="paginate">
      <td>Name 4</td>
      <td>Adrees 4</td>
      <td>employee 4</td>
    </tr>
    <tr class="paginate">
      <td>Name 5</td>
      <td>Adrees 5</td>
      <td>employee 5</td>
    </tr>
    <tr class="paginate">
      <td>Name 6</td>
      <td>Adrees 6</td>
      <td>employee 6</td>
    </tr>
    <tr class="paginate">
      <td>Name 7</td>
      <td>Adrees 7</td>
      <td>employee 7</td>
    </tr>
    <tr class="paginate">
      <td>Name 8</td>
      <td>Adrees 8</td>
      <td>employee 8</td>
    </tr>
    <tr class="paginate">
      <td>Name 9</td>
      <td>Adrees 9</td>
      <td>employee 9</td>
    </tr>
    <tr class="paginate">
      <td>Name 10</td>
      <td>Adrees 10</td>
      <td>employee 10</td>
    </tr>
    <tr class="paginate">
      <td>Name 11</td>
      <td>Adrees 12</td>
      <td>employee 12</td>
    </tr>
    <tr class="paginate">
      <td>Name 13</td>
      <td>Adrees 13</td>
      <td>emloyee 13</td>
    </tr>
  </table>
  <div id="page-nav"></div>

JS

$(document).ready(function () {
$(function(){
    $("#page-nav").pagination({
        dataSource: function(done){
            var result = [];
            for (var i = 1; i <= 13; i++) {
                result.push(i);
            }
            done(result);
         },
         pageSize: 1,
         callback : handlePaginationClick
    });
});
    function handlePaginationClick(new_page_index, pagination_container) {
        $(".paginate").hide().slice(3).show();

    }

});