'Angular - Horizontal virtual scrolling with multiple columns

I would like to build the attached functionality, where I have around 20k items. I have tried mat cdk virtual scroller, but it is not working as it provides a single column with a horizontal scroll.

Note: Boxes in the design represent checkboxes.

Please see the image below:

Design

angularhorizontal-scrollingvirtualscrollangular-cdk-virtual-scroll


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions

Loading indication with a delay and anti-flickering in RxJS

Loading indication with a delay and anti-flickering in RxJS

Loading indication with a delay and anti-flickering in RxJS

Loading indication with a delay and anti-flickering in RxJS

Dynamically add meta tags to index.html for shared link previews

Dynamically add meta tags to index.html for shared link previews

Dynamically add meta tags to index.html for shared link previews

Dynamically add meta tags to index.html for shared link previews

Angular MomentDateTimeAdapter not building after angular 8 update

advanced-http: "data" option is configured to support only following data types: object

How to mock browser requests based on har files?

Selecting options from Mat-select using cypress

Angular Material mat-select - Showing count number along with the first selected value in multiple selection

I can't access page using http-server

How to add event Listeners in Angular?