ch7_infinite_scroll question

[scornickccv]

Could this be adapted to update a table with additional rows upon an htmx call?

I am having a problem with the proper containers because of the nested render_partials. Everything after the first page does not get inserted properly into the original table......

Thank you for any thoughts....

{% for v in videos %}

<div class="video">
    <div><span class="title">{{ v.title }}</span></div>
    <a href="/videos/play/{{ v.id }}">
        {{ render_partial('shared/partials/_video_image.html', video=v) }}
    </a>
</div>

{% endfor %}

{% if has_more_videos %}

<div class="scroll-trigger htmx-settling"
     hx-get="/feed/more_videos/{{ (page+1) }}"
     hx-trigger="revealed"
     hx-swap="outerHTML">
    <img src="" class="htmx-indicator"/>
</div>

{% endif %}