Можно ли реализовать lazy load для таблицы без jQuery?

Столкнулась с задачей реализовать lazy load для таблицы без помощи jQuery. Гугл не помог, примеров более-менее адекватных и подходящий по тематике не нашла. Может кто-то еще сталкивался с такой задачей? Буду рада помощи.

Здесь получаю список статей с сервера и распарсиваю json-ответ в табличку:

 ArticleController.prototype.getAllArticles = function(){
    var xhr = new XMLHttpRequest();
    xhr.open('GET', '/api/posts', true);
    xhr.setRequestHeader('Authorization', 'Basic ' + btoa("admin" + ":" + "admin"));
    xhr.onreadystatechange = function(){
          if(xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
            var items = JSON.parse(xhr.responseText);
            var output = '';
            for (var key in items){
                output += '<tr>';
                output += '<td>' + items[key].id + '</td>';
                output += '<td>' + items[key].title + '</td>';
                output += '<td>' + items[key].content + '</td>';
                output += '<td>' + items[key].author + '</td>';
                output += '<td>' + items[key].creation_date + '</td>';
                output += '<td>'+
                '<a href="#"><i class="material-icons">edit</i></a>' +
                '<a href="#" class="col-lg-1"><i class="material-icons">delete</i></a>' +
                '</td>';
                output += '</tr>'
            }
            document.getElementById('articles').innerHTML = output;
        };
    };
    xhr.send();
}
function ArticleController() {
    this.indexAction = function() {
    this.getAllArticles();
    };
};
    var articles = new ArticleController();
    articles.indexAction();

Вот так выглядит табличка: