I'm having trouble scrolling all the way to the bottom of a grid to display the last couple of rows. This only seems to happen when it is virtualized and the column widths are reduced due to smaller screen resolutions. This causes some of the rows to become taller than the others since the content can't fit on one line in the smaller column size. Below is an example of what I'm talking about (sensitive data is blacked out and important areas are circled in yellow):
In the above example, I have a grid with 1001 rows (1000 were loaded into the data source originally, 1 was added in the grid itself, in case it makes a difference). When scrolling all the way to the bottom using either the scroll wheel on my mouse, the down button on scroll container, or dragging the scroll bar, the grid fails to scroll rows 1000 and 1001 into view and stops prematurely at row 999. To confirm I was actually all the way at the bottom of the grid and it had actually generated the last 2 rows I checked the Internet Explore F12 debugger. It shows the DOM elements have in fact been created for these rows, they're just not scrolling into view:
Also, this problem seems to be related to grid row height, since it doesn't have a problem showing rows 1000 and 1001 when the columns are wider to fit the text content on a single line and all rows become the same height.
Any ideas on how to fix this?
Thanks,-Jared
Hello Jared,
As far as I can see from the screenshot provided you use hierarchical grid in your application and enabled Virtualization feature.
In order to function correctly the Virtualization feature needs height defined in the grid.
You can see how to configure this feature properly here - http://help.infragistics.com/NetAdvantage/jQuery/2012.1/CLR4.0?page=igHierarchicalGrid_Enabling_and_Configuring_Virtualization.html
There is also similar known issue (“Some Child Layout Columns are Hidden or Cut”) that can be caused by size of grid elements (in this situation columns) - http://help.infragistics.com/NetAdvantage/jQuery/2012.1/CLR4.0?page=igHierarchicalGrid_Known_Issues.html
Check these possibilities and let me know what the results are.
If you have additional questions let me know.