Skip to content

Replace pagination with scrollable tables across all views #646

@maany

Description

@maany

Description

Currently, table views in the WebUI are limited to showing 10 items per page with pagination controls. This creates unnecessary clicking and navigation for users who want to see more data at once. This issue proposes replacing pagination with scrollable tables that can display all results with a vertical scrollbar.

Current Behavior

  • Tables display maximum 10 rows per page
  • Users must click through pages to see all data
  • Limited overview of complete datasets

Proposed Solution

  • Remove pagination limits
  • Implement scrollable table containers
  • Display all results with vertical scrollbar
  • Consider virtual scrolling for very large datasets

Implementation Details

  1. Modify table components to support scrollable containers
  2. Implement proper height constraints for table containers
  3. Add smooth scrolling behavior
  4. Consider implementing virtual scrolling for performance with large datasets
  5. Ensure header rows remain fixed while scrolling

Acceptance Criteria

  • Pagination is replaced with scrollable views
  • Tables can display more than 10 items without pagination
  • Vertical scrollbar appears when content exceeds viewport
  • Table headers remain visible during scrolling
  • Performance remains acceptable with large datasets
  • Mobile responsiveness is maintained

Parent Issue

Affected Pages

  • DID listings
  • Rule tables
  • RSE listings
  • Subscription tables
  • All other paginated table views

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Type

No type

Projects

Status

Todo

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions