angular-ui/ui-grid

Expandable Grid Issue : Grid not rendering properly

Open

#3,344 opened on Apr 22, 2015

View on GitHub
 (7 comments) (0 reactions) (0 assignees)JavaScript (2,496 forks)batch import
help wantedtype: bug

Repository metrics

Stars
 (5,395 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

When I expand the subgrid the rows in the parent grid below it are not rendering properly

image

Also when i scroll to right end in the parent grid while keeping subgrid expanded the columns alignment is distorting

image I think the issue is when width of main grid crosses particular limit after that when you expand subgrid the rows are not rendered properly in main grid.

Below is the plunker to replicate the issue

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

Contributor guide

Research direction
Reproduce the issue using the provided Plunker link (http://plnkr.co/edit/ir11ft0EawmSQDzaV5un?p=preview). Investigate the grid's expandable row rendering logic, specifically looking at how subgrid expansion affects parent row rendering and column alignment. Focus on the CSS and directive code in ui grid that handles grid resizing and scrolling. The issue likely involves width calculation or DOM update timing when the subgrid is expanded.
Tech stack
javascriptangular
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.
Stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
Angular basicsCSS layout understanding
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
45