angular-ui/ui-grid

Scrolling very slow when lots of columns

Open

#2.784 aberto em 16 de fev. de 2015

Ver no GitHub
 (15 comments) (0 reactions) (0 assignees)JavaScript (2.496 forks)batch import
help wanted

Métricas do repositório

Stars
 (5.395 stars)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

Description

Hi,

I have the following issue displaying a "large" data set: 101 columns and 100 rows (The number of rows could be higher, but the issue arises with a hundred)

Basically, when you scroll horizontally it gets super laggy, the table becoming white for a few seconds and the scrollbar not responding at all. After that the table is able to draw, but it makes navigation really difficult.

My initial solution for this was to set the config option columnVirtualizationThreshold to the number of columns of my table: columnVirtualizationThreshold: $scope.columns.length.

This solved the issue when scrolling horizontally, although now it is the vertical scrolling that has the same kind of issues, but not as important (less laggy, but still some white blocks and scrolling does not feel "smooth").

You can check it on this plunker: http://plnkr.co/edit/e984mLFqa9o8XZqnGXEm?p=preview It is worse on my project with custom cell & edit templates.

Thanks a lot for your time, having a blast using the library so far :)

Guia do colaborador