Как я могу способствовать тому, чтобы следующая кнопка datatables jquery продвинула 5 страниц?

Я хочу, чтобы в момент давания click в следующей кнопке (next) таблицы, он продвинул например 5 страниц и не только 1, который из-за default.

Как могло бы удаваться этому?

То, что я попробовал до настоящего времени, состоит в том, чтобы показывать больше чисел страницы в таблице с:

$.fn.dataTableExt.pager.numbers_length = 10;

Хотя он показывает 3 добавочные страницы настоящей, которая выбрана, не то, что я ищу, так как занимает больше место пагинация.

for (var i = 0; i < 500; ++i) {
  $("tbody").append("<tr><td>" + i + "</td><td>" + Math.random() + "</td></tr>");
}

$.fn.dataTableExt.pager.numbers_length = 10;

$("table").dataTable({
  ordering: false,
  info: false,
  bFilter: false,
  extPagination: {
    numbers_length: 600
  }
});
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  	<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">
  <title>JS Bin</title>
</head>
<body>
  <table border="1">
  <thead>
    <tr>
      <th>#</th>
      <th>Random numbers</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>
  <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
  <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
  <script src="https://cdn.datatables.net/buttons/1.2.2/js/dataTables.buttons.min.js"></script>
  </body>
</html>
0
задан 31.05.2017, 20:53
1 ответ

Если больше ничто не функционирует, это сделай вручную, как этот пример.

FГ-jate в нее funciГіn, который я поместил, каждый раз, когда ты касаешься next, remplaza составная часть botГіn, и теряет handler asГ - который нужно направлять в configuraciГіn.

типов Привета.

for (var i = 0; i < 500; ++i) {
  $("tbody").append("<tr><td>" + i + "</td><td>" + Math.random() + "</td></tr>");
}

$.fn.dataTableExt.pager.numbers_length = 5;

var dt = $("table").dataTable({
  ordering: false,
  info: false,
  bFilter: false,
  extPagination: {
    numbers_length: 600
  }
});

// esto es lo que agregue <<<<<------
var page = 4;
(function modificaBoton() {
  $(".paginate_button.next").on('click', function() {
    dt.fnPageChange(page);
    page+=5;
    modificaBoton();
  })
})();
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">
  <title>JS Bin</title>
</head>

<body>
  <table border="1">
    <thead>
      <tr>
        <th>#</th>
        <th>Random numbers</th>
      </tr>
    </thead>
    <tbody>
    </tbody>
  </table>
  <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
  <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
  <script src="https://cdn.datatables.net/buttons/1.2.2/js/dataTables.buttons.min.js"></script>
</body>

</html>
1
ответ дан 24.11.2019, 13:33
  • 1
    Спасибо @rnd, он подал мне твой ответ. – Juan Pinzón 27.08.2016, 01:55

Теги

Похожие вопросы