angular-ui/ui-grid

Scroll does not work properly when rows are EXPANDED

Open

#5,211 opened on Mar 10, 2016

View on GitHub
 (4 comments) (0 reactions) (1 assignee)JavaScript (5,395 stars) (2,496 forks)batch import
help wanted

Description

Check first example: http://ui-grid.info/docs/#/tutorial/216_expandable_grid[](url)

  1. Expand first 3 rows
  2. Scroll down to 200 row

There is a gap in the bottom... It seams that table data height calculation ignores expanded rows height when scrolling.

ui grid 216 expandable grid

after scrolling down

ui grid 216 expandable grid 2

Contributor guide

Tech stack
javascript
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
blocked
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Basic JavaScriptFamiliarity with AngularJS grid expandable rows
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
30
Research direction
Investigate the scroll height calculation in the grid's virtual scrolling mechanism, likely in the core grid files (e.g., 'grid.js', 'scroll.js', or similar). Look at how expandable rows affect row heights and how the scrollable container's height is computed. The issue may require adjusting the total row height to include expanded row heights. Check existing tests for expandable rows and consider if a unit test for this scenario is needed. Note that this issue has an assignee, so coordinate before starting work.