I have a catalog of products that I am rendering using virtual list because products are over thousand and I need them all loaded on same page. Virtual list works well for that but issue I am having is that when I change styling to make it a grid it leaves a big gap at bottom probably because of the way virtual list is rendered and page starts to behave funny.
How can I display virtual list in grid format or is there a better way to do this?
Thanks, following post helped if anyone else need helps with this.
One issue I found though is that when I change to grid there is still a huge gap left at the bottom of grid. It seems as if list height is still same and not adjusted for grid? Is there some setting I need to change?
I learned that when I remove following divs the extra space at bottom of list was no appearing any more. so I just removed these divs. It seems issue is that VL somehow calculates the height more then needed and renders in less height.