Улучшение характеристик углового материала в IE11

Question

Я использую Angular Material для визуализации данных из базы данных SQL Server. Таблица матов создается динамически в зависимости от того, сколько столбцов и записей я получу обратно. Может быть 40, 50+ столбцов и 100 тыс. + Записей.

Я сделал возможность показывать только несколько столбцов и с помощью кнопки показать больше показать все столбцы. И paginator ограничивает строки до 100 по умолчанию, но может отображать до 2.000.

Несмотря на то, что в Firefox и Chrome он работает довольно гладко, хотя сортировка 100 000+ строк или отрисовка 1000 или 2 000 строк одновременно может занять некоторое время, производительность в IE11 довольно низкая. Даже просто показ стандартных 100 записей и нескольких строк занимает некоторое время, переключение на все столбцы и / или несколько строк мучительно медленное, а кое-что IE просто зависает полностью.

Я сделал небольшую упрощенную демонстрацию, чтобы показать, как она работает. Таблица матов такая же, как я использую.

Знаете ли вы, как улучшить производительность в IE11?

DEMO

Answer 1

Это не проблема производительности самой библиотеки, а скорее браузера.Пожалуйста, просмотрите следующую ссылку, это тест производительности для конструкций макета CSS3 в браузерах.

Запустите ссылку в Chrome, затем запустите ее в IE11 с теми же настройками, и вы быстро увидите ограничения IE11.

https://testdrive -archive.azurewebsites.net/Performance/MazeSolver/

Именно поэтому Edge перестраивается на Chromium

https://www.wired.com/story/microsoft-edge-browser-chromium-internet-explorer/

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

Answer 2

Извлеките угловой CDK, в котором есть модуль для виртуальной прокрутки: https://material.angular.io/cdk/scrolling/overview

В демоверсии они фактически отображают список из 100 000 элементов, и в IE11 все гладко.Я не уверен, что так и осталось бы, если бы это была таблица с несколькими столбцами, как в вашем случае.Но ты можешь хотя бы попробовать.