Добавить данные о горизонтальной прокрутке

Question

Предоставление контекста: Из-за большого набора данных для загрузки всех данных в таблице сначала go занимает много времени и блокирует пользовательский интерфейс. Итак, я хочу добавить данные, когда пользователь прокручивает по горизонтали. (Например: данные - это форма 100 * 1000 и, следовательно, горизонтальная бесконечная прокрутка).

Пытались:

• Получить горизонтальное событие, используя addEventListner на целевой элемент и прослушайте прокрутку.
• Я поиграл с scrollWidth , clientWidth и scrollLeft атрибутами целевого элемента для разработки logi c, куда я могу добавить данные при прокрутке пользователя.

К сожалению, мне не повезло с этим, так как logi c не удалось. Он продолжает добавлять данные бесконечным образом.

Я попробовал следующий подход: если значение clientWidth меньше разницы между количеством прокручиваемых пользователем и шириной прокрутки, то добавьте данные. Однако это не помогает, и данные продолжают загружаться бесконечно.

    test[0].addEventListener("scroll", function (e) {

      if ((this.scrollHorizintal - test[0].scrollWidth) > test[0].clientWidth) {
        //Add data here
        this.addData();
        this.scrollHorizintal+=test[0].scrollLeft;
      }
      this.scrollHorizintal+=test[0].scrollLeft;
    }.bind(this))

Любая помощь здесь будет высоко ценится.