使用jQuery将预加载的数据行优雅地添加到html表中，以模拟无限滚动

Question

我有一个jinja模板，它将列表的python列表（称为table）显示为html表

<div class="datagrid"><table id="datatable" >
<tbody>
{% if table|count < 10 %}
    {% set pagelen = table|count %}
{% else %}
    {% set pagelen = 10 %}
{% endif %}

//store jinja object to be used by jQuery

<meta id="data" data-name="{{table[pagelen:]}}">

{% for n in range(pagelen) %}

    <tr><td>{{table[n][0]}}</td></tr>
    <tr class="url"><td><a href={{url}}>{{table[n][1]}}</a></td></tr>
    <tr class="content"><td>{{table[n][2]|safe}}</td></tr>

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

我不想向用户显示整个表，而是让他们滚动到页面底部，并在表中附加一定数量的行。为此，我使用jQuery

^{pr2}$

当我们到达页面底部时，scroll函数调用loadMore untion。我有一个我想做什么的模型。我能在桌子上画一行。问题是把数据输入。数据来自jinja对象，但现在我必须将其转换为jQuery对象。我试着先创建一个元素，然后将id传递给脚本，但这样会将对象转换为字符串。在

• 有更好的办法吗。在
• 如果不能，有人能提供一个优雅的解决方案来解决我的问题吗 面对面。主要是如何向jQuery提供jinja列表。在