JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Data Grid › Vue DataGrid – Only showing 13 of 150 rows

Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 12, 2023 at 5:28 pm #107216
    TomAcx
    Participant

    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?

    June 12, 2023 at 5:46 pm #107217
    TomAcx
    Participant

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

    June 13, 2023 at 5:47 am #107223
    svetoslav_borislavov
    Participant

    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
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.