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.
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.