We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

ngFor and scrolling

I`m trying to use ejGrid with some dynamic information. My data has array with 20+ elements, so i trying to use angular's "ngFor" to generate e-columns with custom headers, styles, etc. But there is no space for generated table on page. When i add horizontal scroll for table and try to scroll, table doesn't stop to render. This is affect on performance. Could you please help me with that?

2 Replies

AC Anton Chikunov February 8, 2017 01:16 PM UTC

I noticed, that only "tr" with dynamically generated stackedHeaderRow for my generated e-columns and "div" with scroll are re-rendering.

SA Saravanan Arunachalam Syncfusion Team February 9, 2017 06:13 PM UTC

Hi Anton, 
Could you please provide us following information regarding your query? 
1. Did you mean 20+ elements as referred Grid columns or records in Grid? 
2. Do you want to specify the columns for Grid by using ngFor? 
               3. Do you need render the Grid with header template? 
4. Please provide clear requirement. 
5. If possible provide the screenshot expected output. 
It will be great helpful for us to analyze about the issue and provide you a response as early as possible. 
Saravanan A. 

Live Chat Icon For mobile
Up arrow icon