Skip to content

feat(extensible-table): Add infinite scroll support#23670

Merged
sumeyyeKurtulus merged 6 commits into
abpframework:devfrom
davidsi02:rel-9.3
Sep 9, 2025
Merged

feat(extensible-table): Add infinite scroll support#23670
sumeyyeKurtulus merged 6 commits into
abpframework:devfrom
davidsi02:rel-9.3

Conversation

@davidsi02

@davidsi02 davidsi02 commented Sep 4, 2025

Copy link
Copy Markdown
Contributor

Description

This PR introduces infinite scrolling to the ExtensibleTableComponent, enabling lazy data loading as users reach the bottom of the table.

ezgif-77a4419b5da5a8

Checklist

  • I fully tested it as developer / designer and created unit / integration tests
  • I documented it (or no need to document or I will create a separate documentation issue)

How to test it?

  1. Setup

    • Navigate to any page using ExtensibleTableComponent.
    • Ensure selectable and data binding are configured as usual.
  2. Infinite Scroll ON ([infiniteScroll]="true")

    • Table height should be set ([tableHeight] input)
    • Scroll down slowly until you reach the bottom:
      • ✅ When not loading, loadMore event is emitted once.
      • ✅ While isLoading = true, further scrolls must not trigger loadMore.
    • Confirm that [loadingIndicator] shows a spinner while loading.
    • Confirm that pagination is not available
  3. Infinite Scroll OFF ([infiniteScroll]="false")

    • Table height should adjust automatically (auto).
    • Pagination must be available again
    • Trigger a new request (e.g., change filter, refresh list):
      • ✅ The table should re-render correctly once new data arrives.

Closes #23671

@CLAassistant

CLAassistant commented Sep 4, 2025

Copy link
Copy Markdown

CLA assistant check
All committers have signed the CLA.

@davidsi02 davidsi02 marked this pull request as ready for review September 4, 2025 18:49
@sumeyyeKurtulus

Copy link
Copy Markdown
Contributor

Hello @davidsi02, thank you for your contribution. We can consider such feature for the next version. For this reason, that would be the best if you could move this PR to dev branch.

@davidsi02 davidsi02 changed the base branch from rel-9.3 to dev September 9, 2025 09:38
@davidsi02

Copy link
Copy Markdown
Contributor Author

I think it's okay now for, plase give a check @sumeyyeKurtulus

@sumeyyeKurtulus

Copy link
Copy Markdown
Contributor

I think it's okay now for, plase give a check @sumeyyeKurtulus

Thank you. I will be checking and getting back.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add Infinite Scroll Support to ExtensibleTableComponent

4 participants