angular / angular/components

CDK Virtual scroller with multiple columns

Open
#15,929 3 comments 33 reactions 0 assignees View on GitHub
area: cdk/scrolling feature P4
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

The feature i would like to request is the possibility to choose multi-column layout while using CDK Virtual scroll.

The use-case for this proposal is expansion of cdk virtual scroll functionality for audio/video portals, for SPA's with collections of different data, for every place where the scroller with a grid-layout is necessary.

I have already done something like that by adding flex styles to container with `cdk-virtual-scroll-content-wrapper` class.

Contributor guide

Open the contributing guide

Research direction

Start by examining the CDK virtual scroll behavior around the `cdk-virtual-scroll-content-wrapper` class and the existing flex-style workaround described in the issue. Define how multi-column layouts should work for the stated grid use cases; done means the requested layout is supported without relying on that workaround.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.