ng-grid row position changed in grouping when used cell template · angular-ui/ui-grid#4527

(0 comments) (0 reactions) (0 assignees)JavaScript (5,395 stars) (2,496 forks)batch import

help wantedneeds: analysis

説明

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.

コントリビューターガイド

技術スタック: javascript
領域: frontend
Issue 種別: bug
難度: 3
推定時間: 1-3 hours
活動状況: stale
明確さ: needs investigation
前提条件: AngularJSCSS
初心者向け度: 20
調査方針: 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.