Проблема с производительностью сетки ui с помощью шаблонов celltemplates

Я использую angular -ui-grid 3.1.1 с 25,50,75 записями за раз. Каждая ячейка имеет разные ячейки, например, onclick popovers, зависания, файлы загрузки файлов, данные с изображениями профиля, данные в вложенной таблице и т.д. Данные обрабатываются в сетке, однако в течение нескольких секунд сетка ui становится невосприимчивой.

Также я создал внешний выбор столбца. Выбрав столбец для отображения/скрытия, сетка перестает отвечать на несколько секунд. (Такое же нечувствительное поведение наблюдается с встроенным выбором столбцов, предоставляемым ui-grid)

введите описание изображения здесь

введите описание изображения здесь

введите описание изображения здесь

Пожалуйста, предложите любое исправление для этого.

Ответ 1

К сожалению, нам пришлось отказаться от сетки пользовательского интерфейса для таких же проблем. Однако проблема не была в UI-Grid, но в angular отсутствует производительность. В моем случае я построил сетку с ReactJS, создав для нее оболочку angular JS директиву. Даже просто поместив angular HTML с большим количеством строк/столбцов, он был недостаточно быстрым. Последнее, что вы могли бы попробовать, прежде чем переключиться с UI-Grid, будет искать виртуализацию строк/столбцов, если вы еще не включили ее. Здесь вы можете проверить

columnVirtualizationThreshold

Ответ 2

Если вы не измените переменные области видимости, попробуйте привязать одностороннюю привязку данных в своих шаблонах, это даст вам некоторую производительность, например:

<span>{{::variable}}</span>

ВАЖНО!: Будьте осторожны, потому что он больше не обновит данные, пока вы не обновите представление.