angular-ui/ui-grid

Last few subgrids in expandable grid don't align with their "+" icon

Open

#2,863 opened on Feb 27, 2015

View on GitHub
 (9 comments) (0 reactions) (1 assignee)JavaScript (5,395 stars) (2,496 forks)batch import
good first issuetype: bug

Description

Hello,

I am working with expandable grid with version ui-grid RC 20.

I started from the ui-grid site,example in http://ui-grid.info/docs/#/tutorial/306_expandable_grid

I defined a template as follows:

Then, I defined gridOptions with expandableRowHeight: 140.

But when I scroll in the table with all element expanded, the last subgrid contents are not aligned with "+" icon.

My plnkr example is in:

http://plnkr.co/edit/CZOnLkPnj1EaF1JAYneI?p=preview

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.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
ui grid expandable row featureCSS positioning
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
35
Research direction
The issue describes a misalignment between the subgrid content and the '+' icon in the expandable grid. Start by examining the provided Plnkr example (http://plnkr.co/edit/CZOnLkPnj1EaF1JAYneI?p=preview). Look at the ui grid source code for expandable row handling, specifically in files like 'ui grid expandable.js' or related CSS. Check the issue comments for any maintainer suggestions or attempted fixes. Understand how the row height and template rendering work to reproduce the bug.
Last few subgrids in expandable grid don't align with their "+" icon · angular-ui/ui-grid#2863 | Good First Issue