Skip to content

Conversation

davidsi02
Copy link
Contributor

@davidsi02 davidsi02 commented Sep 4, 2025

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
Copy link

CLAassistant commented Sep 4, 2025

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
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
Contributor Author

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

@sumeyyeKurtulus
Copy link
Contributor

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

Thank you. I will be checking and getting back.

@sumeyyeKurtulus sumeyyeKurtulus merged commit 7d9fee1 into abpframework:dev Sep 9, 2025
1 of 2 checks passed
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