Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
15
Grid Shaking when Pinning All
posted

Hi, 

For one grid, I have around fifteen columns available for users to select for column freezing. However, I have noticed that when users select pin all, the grid starts shaking. The screen also starts shaking if I manually select a large number of columns for pinning and then try to resize one column to be smaller in width; the screen will shake until I resize the column again. 

What can be done to resolve this issue?

  • 460
    Offline posted

    Hello,

    I have been looking into your question and I have created a small sample trying to reproduce the described behavior. I am using igx-grid with 15 columns as well as the pinning feature. I've also made the columns resizable so they can be resized. On my side everything works as expected and I am able to pin all columns as well as then resizing a given column without causing the described behavior of shaking the grid or anything else. I am testing the sample in Microsoft Edge, Google Chrome and Mozilla Firefox under latest version of Ignite UI Angular ^16.0.

    The described scenario could be observed here:

     

    What I am guessing without being familiar with your code, but the given behavior may be caused by the handling of some event or method of the grid or by some other custom logic you have implemented. In order to ensure that the described scenario is addressed correctly, I will need some additional information regarding your scenario. Could you please answer the following questions:

    • Have you handled events or methods that directly affect grid resizing or pinning?
    • Which version of Ignite UI Angular are you using?
    • Could you provide more information, screenshots, code snippets or a sample with steps to reproduce?

    Here you will find my sample for your reference. Please test it on your side and let me know how it behaves. If this is not an accurate demonstration of what you are trying to achieve, please feel free to modify it and send it back to me along with steps to reproduce. Alternatively, if the behavior cannot be replicated, please feel free to provide your own sample.

    Having a working sample on my side, which I can debug, is going to be very helpful in finding the root cause of this behavior. 

    Thank you for your cooperation.  

    Regards,

    Georgi Anastasov

    Entry Level Software Developer

    Infragistics