Переместить нумерацию страниц вне таблиц данных

Question

Я пытаюсь переместить нумерацию страниц по умолчанию за пределы таблицы. В документации по Datables говорится, что существует только одна привязка для разбивки на страницы, а именно .page () для изменения текущей страницы. Проблема в том, что он не учитывает такие вещи, как отключение кнопок при достижении лимита страниц, текущая страница и т. Д. Есть ли способ для меня просто скопировать кнопки разбивки на страницы вне таблицы, не записывая все функции разбивки на страницы от руки?

<table id="table_id" class="display">
  <thead>
      <tr>
          <th>Column 1</th>
          <th>Column 2</th>
      </tr>
  </thead>
</table>
<div id="custom-pagination">
</div>

<script>
let dt = $('#table_id').DataTable();

$(dt).on( 'draw.dt', function () {
  $(dt).find('.datatTables_paginate').appendTo('#custom-pagination'); 
});

</script>

Answer 1

Для меня это проверено и работает:

$('#table').DataTable({
    ... other options ... ,
    initComplete: (settings, json)=>{
        $('.dataTables_paginate').appendTo('body');
    },
});

Но если у вас есть другие таблицы данных на той же странице, вам нужно связать элемент с помощью идентификатора таблицы следующим образом:

$('#table1').DataTable({
    ... other options ... ,
    initComplete: (settings, json)=>{
        $('#table1_paginate').appendTo('body');
    },
});

И так!