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