angular-ui/ui-grid

Percentage widths do not hold their sizes and collapse all columns

Open

#4,052 opened on Jul 27, 2015

View on GitHub
 (1 comment) (0 reactions) (0 assignees)JavaScript (5,395 stars) (2,496 forks)batch import
help wanted

Description

When I use percentage widths on columns in ui-grid 3, it collapses all widths to be only the size of the content, not the stated width in the columnDefs configs I set.

Contributor guide

Tech stack
javascriptcss
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
AngularJSCSSui grid basics
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40
Research direction
Investigate the column width calculation logic in the ui grid repository, particularly the 'GridColumn' and 'Grid' services. Look for how percentage widths are parsed and applied to the column styles. Check the linked issue #4052 for any existing comments or potential fixes. The problem may involve the calculation of column widths when using percentage values versus pixel values.