Проблемы с рендерингом с очень большими виртуальными таблицами

Question

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

Вкл. Google Chrome после верхнего значения (значение позиции, в котором строка отображается в родительском div), равное 1,677715e + 07px (16777150px), превышает строки, для некоторых из которых отсутствует граница-дно причина.
Это происходит в самой последней версии Chrome (v69).

В версии 68 строки с этим верхним значением и другими значениями вообще не отображаются. Они все еще там, вы можете увидеть их через инструмент проверки в браузере.

Имеет ли число 16777150 какое-либо отношение к JavaScript или Google Chrome?

Вкл. Браузер Edge происходит что-то другое. Если родительский div виртуальной таблицы превысит высоту 10737418px, визуализированная высота этого div будет такой же большой, как и высота его содержимого
Так что, если последняя строка заканчивается на вершине 900px, таблица также будет иметь высоту 900px .
Если вы прокрутите вниз и новая строка будет рендерит, div тоже увеличится. Но в инспекторе вы можете увидеть правильное значение высоты в этом элементе, и оно не меняется вообще.

To post this link I need this code..

Вот кодекс экзамен.
Если вы хотите, чтобы он сам проверил, файлы .js и .css находятся в github этого табличного сценария в папке примеров.

Может быть, это как-то связано с браузерами или JavaScript, поэтому я задаю этот вопрос здесь.

Answer 1

Вы упомянули, что tablecript также делает то же самое, и я вижу, что после многих записей он отображает так долго пустое пространство без данных. Но здесь я хочу подтвердить, что если вы используете нумерацию страниц и отображаете 20 строк одновременно, то это должно работать без проблем. Тогда почему вы хотите отобразить большое количество записей? Если у вас есть проблема с 20 строками, попробуйте сообщить нам об этом. Мы постараемся найти решение для этого. С уважением Дипак

Answer 2

Я не знаю, как отображается ваша таблица. Но не рекомендуется отображать столько записей одновременно. Попробуйте использовать нумерацию страниц. Взгляните на https://datatables.net/ и попробуйте динамически загрузить записи таблицы (например, забрать ее из базы данных или что-то в этом роде)