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
IgGrid - Resize rows on a button click


When I have too much text in any column, the row automatically adjusts the height in order to accommodate the entire text. How can I keep the height of the row constant irrespective of the data in the columns?

Also, is there any way in which I could click a button and the height of the row adjusts according to the content. I want to toggle between restricted height and height which shows the entire content of the row.

  • 3895
    Verified Answer
    Offline posted


    Sure you could use css properties like text-overflow and white-space to achieve this.

    Here's a fiddle demonstrating it.

    But note that you shouldn't mix virtualization and dynamically changing of the row height, because it can mess up virtual scrolling calculations.