При пагинации страницы Django размеры таблиц и положение кнопок меняются

На моем Django сайте я хочу показать таблицу. Поскольку я не могу показать все строки таблицы на одной странице, я использую пагинацию. Но каждый раз, когда я перехожу на другую страницу, размер таблиц и положение кнопок меняется. Как я могу зафиксировать их размер и положение одинаковыми на каждой странице?

Вот представление, которое я использую:

class TableView(ExportMixin, SingleTableView):
    model = MyModel
    table_class = MyTable
    template_name = 'table_list.html'
    context_object_name = 'table_list'
    paginate_by = 8

Моя html страница:

  <div class="container">


    <h1>Table</h1>

    <span class="current">
      <h3>Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}.</h3>

    </span>


        {% if page_obj.has_previous %}
           <a id="left-arrow" href="?page={{ page_obj.previous_page_number }}">PREVİOUS</a>
        {% else %}
          <div class="current">
            <a id="left-arrow" href="#">PREVİOUS</a>

          </div>

        {% endif %}




        {% if page_obj.has_next %}
          <a id="right-arrow" href="?page={{ page_obj.next_page_number }}">NEXT</a>
        {% endif %}



      <table class="table" border=1 id="mytable">
        <thead>
          <tr>

            <th>Name</th>
            <th>Age</th>
            <th>School</th>
            <th>Email</th>
            <th>Note</th>

          </tr>

        </thead>
        <tbody>
          {% for customer in customers %}

              <tr>
                  <td>{{table_list.name}}</td>
                  <td>{{table_list.age}}</td>
                  <td>{{table_list.school}}</td>
                  <td>{{table_list.email}}</td>
                  <td>{{table_list.note}}</td>

              </tr>

          {% endfor %}
        </tbody>
      </table>
  </div>
</div>

Вернуться на верх