Настройка разбивки таблицы начальной загрузки на страницы

#jquery #bootstrap-4 #bootstrap-table

#jquery #bootstrap-4 #bootstrap-таблица

Вопрос:

Я новичок в веб-разработке. В настоящее время я использую boostrap для разбивки таблиц на страницы, и он работает отлично. Тем не менее, я хочу настроить ее, например, кнопки и где будут размещены панель поиска и фильтр. В настоящее время я ищу учебные пособия в Интернете, но я не нашел ни одного.

У меня вопрос: возможно ли это настроить, и если да, можете ли вы дать мне руководство или пример?

Вот мой файл js:

 $(document).ready(function () {
    $('#executives').DataTable({
      "paging": "full",
      "bLengthChange": true,
      "bFilter": true,
      "iDisplayLength": 10
    });
  });
  

и вот мой HTML-файл:

  <table id="executives">
            <thead>
            <tr id="myTable">
                <th>Customer Number</th>
                <th>Name</th>
                <th>Address</th>
                <th>Contact</th>
                <th>Action</th>
            </tr>
            </thead>
        </table>