У меня на странице отображается таблица размером более двух тысяч элементов, необходимо добавить постепенную загрузку по скроллу (infinite scroll/lazy loading), все реализации, что находил используют загрузку следующей страницы, как сделать постепенную прогрузку без подобных костылей?
Код:
<body>
<div id="list">
<table id="listTable" table class="table table-bordered">
<tr class="header">
<th>#</th>
<th>name</th>
<th>price</th>
</tr>
<?... ?>
</table>
</div>
</body>
То есть необходимо, чтобы именно этот участок:
<th>#</th>
<th>name</th>
<th>price</th>
</tr>
<?... ?>
Прогружался по мере скролла страницы