Vue DataGrid – Only showing 13 of 150 rows

[TomAcx]

Folks,

I am loading a lot of data (~150 rows with ~190 columns) and it seems to work rather well!  Or almost…

Most of the time, it only displays 13 rows, with no scrollbar to see the rest.  DevTools shows no errors.

When I say “most of the time” I mean that, occasionally I will refresh the screen, it shows all the rows.  But if I refresh the browser again, it again goes back to 13 rows.  I do not have pagination turned on, and see no reason they shouldn’t all always appear.

Odd Discovery!  Just now, while about to take a screen shot of the grid, I reduced the Chrome browser zoom from 100% to 90%, and the entire grid appeared.  Resizing back to 100% retained the full grid.

Any idea what is happening?

[TomAcx]

Follow up:  There doesn’t seem anything special about the specific zoom settings that triggers this…just the change.

I can load the page in 100%, or 90%, or 110% zoom and it initially appears with just those 13 rows.  Then I change the zoom (up or down) and they all appear.

(I’ve also examined that 14th row for any odd content, and it looks normal.)

[svetoslav_borislavov]

Hi,

Please send us your grid’s settings.
You may try virtual scrolling, here is the demo for it:
https://www.htmlelements.com/demos/grid/virtualscroll/

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[Author]

Posts