virtual-scroll: support multiple items per row

[mmalerba]

Allow the user to specify the number of items per row in the fixed size scrolling strategy

[filipemendes1994]

@mmalerba any news about this?

[mmalerba]

Most of our effort is focused on integrating with MDC right now. When I have time to do more work on virtual scroll, finishing up the missing parts of the autosize strategy will be my top priority , so this one might have to wait a while

[bebeto84]

Hi @mmalerba any updates on this? Is there at least prevision if this feature will be on the pipeline?

Thanks!

[pl4yradam]

+1 this would be amazing

[SvenBudak]

Any news about this? it seems it's currently not possible to build a real world contentful app with angular. :/

[SurenAvagyanG]

please give any update of possible

[tdhulster]

In the meantime you can use display:grid by overriding the css

::ng-deep{
  .cdk-virtual-scroll-content-wrapper {
    display: grid;
    grid-template-columns: 50% 50%;
  }
}

[hdadr]

Any update on this?

[daniel-halldorsson]

I got issues trying to use the display: grid technique above, it looked like it would work but then found it would randomly jump back to previously scrolled locations and was unusable. Official support for multi column would be amazing, +1

[SvenBudak]

We solve it with modulo operator...

[mmalerba]

The team does plan to work on this (and other virtual scroll features), but it won't happen this quarter. Our current areas of focus are component harnesses, integration with MDC Web, and the date range picker

[daniel-halldorsson]

Great news, in the mean time, i solved it by chunking my data and wrapping it in a row component with a fixed height. I used BreakpointObserver from cdk layout to determine the amount of chunking required (ie. 1 thumbnail per row on mobile, up to 8 on desktop, depending on width)