Angularjs ui-grid load the columns lazily

Question

Is there any way to load the columns lazily. I've a set of 5k columns and 100k rows. I'm using angularjs 1.5.7 and angular-ui-grid ^3.x.

The grid works perfect with 100k rows and 100 columns. But if I tried to load more than 2k columns it takes 10-15 sec to load the page. I'm using infinite scroll module.

It would be great if there is any way to load the columns lazily on demand. Or anyway to extend the ui-grid library.

Thanks in advance!

Manish Kumar Sharma · Accepted Answer · 2017-05-11 20:31:28Z

1

Try setting the config option columnVirtualizationThreshold to the number of columns of my table:

columnVirtualizationThreshold: $scope.columns.length

Only problem is the issue that the vertical scrolling becomes slower. See this thread: https://github.com/angular-ui/ui-grid/issues/2784

edited May 11, 2017 at 20:31

Manish Kumar Sharma

13.5k11 gold badges66 silver badges110 bronze badges

answered May 11, 2017 at 13:43

ankush

318 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angularjs ui-grid load the columns lazily

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related