渲染表时Django无休止的分页问题

时间:2016-07-25 13:11:22

标签: django django-endless-pagination

我在滚动时使用Django无限分页和其他数据加载,目前有以下代码:

主要模板:

<table>
    <thead>
        <th>Поставщик</th>
    </thead>
    <tbody>
        {% include 'my_app/template_paginator.html' %}
    </tbody>    
</table>

template_paginator.html

{% load el_pagination_tags %}
{% paginate my_formset %}
    {{ my_formset.management_form }}                     
    {% regroup my_formset by some_nice_field as grouped_formset %}
    {% for form in grouped_formset %}
        {% for f in form.list %}
            <tr><td><!-- Some stuff --></td></tr>
        {% endfor %}
    {% endfor %}    
{% show_more %}

如果没有两个问题,我会很高兴:

  1. 显示更多链接从表格上方显示,而不是按预期方式显示,更令人惊讶的是,在我按下它后,它会变得不可见。
  2. 其他行不仅出现在旧行之前,甚至出现在表标记
  3. 之上

    我知道有一个用于分页表的现成Django解决方案(table2),但就目前而言,我想选择纯Django / HTML解决方案。关于这两个问题可能产生的任何想法都将受到高度赞赏。

1 个答案:

答案 0 :(得分:0)

找到this,最终解决了我的问题。 我自己只有一张纸条 - 与多个栏目完美配合。

找到 show_more.html 模板,并用此替换文件的内容。

{% load el_pagination_tags %}
{% paginate current_orders_queryset %}

{% for entry in current_orders_queryset %}
    <tr><td>Edgar</td><td>Lena</td><td>Edgar</td><td>Lena</td>
    </tr>   
{% endfor %}

{% show_more %}

然后,在主模板中,写下这样的smth:

<table>
        <thead>
            <th>Column A</th>
            <th>Column B</th>
            <th>Column C</th>
            <th>Column D</th>
        </thead>
        <tbody>
           {% include 'order_scheduler/order_draft_paginator.html' %}
        </tbody>
</table>
{% block js %}
{{ block.super }}
<script type="text/javascript" src="/static/js/el-pagination.js"></script>
<script type="text/javascript" src="/static/js/el-pagination_on_scroll.js"></script>
<script type="text/javascript" src="/static/js/el-pagination-endless.js"></script>
<script>$.endlessPaginate();</script>
{% endblock %}

最后在辅助模板中:

{% load el_pagination_tags %}
{% paginate current_orders_queryset %}

{% for entry in current_orders_queryset %}
    <tr><td>Edgar</td><td>Lena</td><td>Edgar</td><td>Lena</td>
    </tr>   
{% endfor %}

{% show_more %}