表格翻页功能

<form action="/element/paging" class="form-inline" role="form" method="get">
    {% csrf_token %}
    <div class="form-group">
        <label for="name gene_start">gene_start &nbsp;&nbsp;</label>
        <input type="text" name="gene_start" class="form-control" id="gene_start"
               placeholder="please input gene_start">
    </div>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <div class="form-group">
        <label for="name gene_end">gene end &nbsp;&nbsp;</label>
        <input type="text" name="gene_end" class="form-control" id="gene_end" placeholder="please input gene_end">
    </div>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <div class="form-group">
        <label for="name geneid">gene id &nbsp;&nbsp;</label>
        <input type="text" name="geneid" class="form-control" id="gene_id" placeholder="please input geneid">
    </div>
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <div class="form-group">
        <label for="name seq_type">seq_type&nbsp;&nbsp;</label>
        <input type="text" disabled="disabled" name="seq_type" class="form-control" id="seq_type" placeholder="ERV">
    </div>


    <br><br>
    <div class="form-group">
        <label for="name seq">seq &nbsp;&nbsp;</label>
        <input type="text" name="seq" class="form-control" id="seq" placeholder="please input seq">
    </div>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <div class="form-group">
        <label for="name sequence_range">sequence range</label>
        <input type="text" name="sequence_range" class="form-control" id="sequence_range"
               placeholder="please input sequence_range">
    </div>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

    <div class="form-group">
        <label for="chromosome">chromosome</label>
        <input type="text" name="chromosome" class="form-control" id="chromosome"
               placeholder="please input chromosome">
    </div>

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <div class="form-group" >
        <label >submit</label>
        <input type="submit" class="form-control" name="submit" value= "submit">
    </div>

        </form>

<!-- 数据表格 -->
<table class="table table-hover" class="pagination">
    <caption>悬停表格布局</caption>
    <thead>
    <tr>
        <th>chromosome</th>
        <th>gene_start</th>
        <th>gene_end</th>
        <th>geneid</th>
        <th>seq</th>
        <th>sequence_range</th>
        <th>seq_type</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>
            {% for data in page_object.object_list %}
                {{ data.chromosome }}<br>
            {% endfor %}
        </td>
        <td>
            {% for data in page_object.object_list %}
                {{ data.gene_start }}<br>
            {% endfor %}
        </td>
    </tbody>
</table>

def paging(request):
    # 获取第一页
    page = int(request.GET.get("page", 1))
    # 获取每一页的数据
    per_page = int(request.GET.get("per_page", 10))
    # 获取全部数据
    datas = Homo.objects.all()
    # 导入分页器
    paginator = Paginator(datas, per_page)
    # # 获取某一页
    page_object_default = paginator.page(page)
    context = {
        "page_object": page_object,

    }
    return render(request, 'element.html', context=context)