angular-ui/ui-grid

ng-grid row position changed in grouping when used cell template

Open

#4,527 opened on Oct 16, 2015

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

Description

I have tried to add grouping capability to ng-grid and its working fine.But the problem was that when i expand group row(arrow icon)it will mess css styles and there was a lot of gap between arrow icon and row content .so it will waste lot of spaces.i have tried to overcome that problem but couldn't find any solution.please let me know how to solve this.

(Note:I have figured it out gap = rowHeight in gridOptions.because i have set height for grid)

$scope.gridOptions = { data: 'restData', rowHeight: 245, enablePinning: true, columnDefs: [{ field: 'testPlan', displayName: '', cellTemplate: template }

here is my working example http://plnkr.co/edit/zaeyxANdyPPevUaggBTj?p=preview

Any ideas what went wrong.Thanks.

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.
needs investigation
Prerequisites
AngularJSCSS
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
20
Research direction
The issue describes a gap appearing when expanding grouped rows in ng grid with custom cell templates. The user suggests the gap equals the rowHeight set in gridOptions. Investigation should focus on grouping CSS or template rendering logic in ui grid, particularly the expand/collapse behavior. Look at the provided Plnkr example and search for related issues or PRs in the repository.
ng-grid row position changed in grouping when used cell template · angular-ui/ui-grid#4527 | Good First Issue