angular-ui/ui-grid

ExpandableRowHeight not working

Open

#2,551 opened on Jan 14, 2015

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

Description

I set the gridOption's expandableRowHeight attribute to 500 but it still seems to use the default 150px.

Looking into the issue further, it seems the ExpandableRowHeight is set correctly but the inner table's height does not change appropriately. If I set the expandableRowHeight to 100, the sub table actually overlaps the next row. If I set it to 500, there is a ton of white space after the sub table.

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-2 days
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.
mostly clear
Prerequisites
AngularJavaScriptCSSui grid basics
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
30
Research direction
Investigate the expandable row feature in the ui grid source code, focusing on how expandableRowHeight is applied to the inner table. Check the grid rendering logic in ui grid.js or related files for height adjustments. Look for CSS styles that might override the height. Review comments in the issue for any hints about the cause. Consider testing with different values to isolate the problem.