Grid inside panel does not scroll

[Alex Siler]

Hi, I'm having a problem with the grid inside a dashboard panel. I am not allowed to scroll the grid; I leave an example in stackblitz; you have to press Render Grid.

Thank you

https://62jjbz.run.stackblitz.io

[Ashokkumar Balasubramanian]

Hi Alex, 

 

We suspect the problem you are facing is not being able to scroll the Grid rendered inside the Dashboard Layout. We checked from our end but unfortunately were unable to reproduce your reported issue. Since the stack blitz sample, you provided is not opening, we were not able to check the scenario in which you are facing this issue. 

 

So, we have prepared a sample for your reference. In this sample we have rendered two grids in the Dashboard Layout, and you are able to scroll the grid in this. Please find the sample below, 

 

Sample: https://stackblitz.com/edit/typi5y 

 

If your issue is still not resolved or if we have misunderstood your query please get back to us with more details like, the scenario in which this is occurring, runnable sample, code snippet used. 

 

Please let us know if you have any concerns. 

 

Regards, 

Ashokkumar B. 

[Alex Siler]

Hello, here is a new stack stack blitz. Where I am not able to scroll; I also send you a screenshot with the error that constantly throws me when I scroll on the page. When paging begins the error more frequently. Thank you

https://stackblitz.com/edit/typi5y-zubns6?file=index.ts

Attachment: console_46d580ab.7z

[Ashokkumar Balasubramanian]

Hi Alex, 

 

We have analyzed the sample which you have shared with us. In this sample, we could see that you have called the refreshColumns method inside the dataBound event. We suspect that this is the cause of the problem you are facing. By default, calling the refreshColumns method will trigger the dataBound event handler. So, there will a circular loop which keeps on getting executed preventing any operation to be performed on the Grid component. 

 

You can resolve this problem by setting a flag variable to make the codes inside the dataBound to be executed only at initial rendering of grid. We have modified the sample you had provided based on this. Please find it below, 

 

Sample: https://stackblitz.com/edit/typi5y-tze734 

 

Please let us know if you have any concerns. 

 

Regards, 

Ashokkumar B.