angular / angular/components

[Table] Append rows on scroll events

Open
#5,886 4 comments 10 reactions 0 assignees View on GitHub
area: material/table feature P3
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

Table should be able to initialize with the rows visible in its viewport and dynamically append rows as the user scrolls down. This will improve its performance on load.

This is a predecessor to virtual-repeat behavior which would create a virtual scrollbar and notify the data source which rows are being viewed for dynamic data loading.

Contributor guide

Open the contributing guide

Research direction

Start from the Table component and its current row initialization and scroll-event handling. Determine how the viewport's visible rows should be identified and how additional rows should be appended; done means the table loads visible rows initially and adds more as the user scrolls down without loading the entire dataset.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend, performance
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.