Как применить виртуализацию строк для таблицы/списка в HTML/CSS / JS? [закрытый]

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

виртуализация строк я имею в виду концепцию, в которой строки таблицы/ul/div не видны или не отображаются вообще, пока они не прокручиваются в представлении. В принципе, дело в том, чтобы исключить рендеринг, если элемент никогда не отображается (за прокруткой).

какие идеи? Я думаю, что элементы DOM нуждаются добавляться в список, как только они "прокручиваются в поле зрения". И тогда мне нужно будет иметь невидимый div с высотой общей высоты всех строк, чтобы сделать прокрутку возможной.

есть ли простые примеры кода, которые этого достигают?