angular-ui/ui-grid

columnWidth not correctly computed if table initialized hidden

Open

#6,090 opened on 2017年3月17日

GitHub で見る
 (2 comments) (0 reactions) (0 assignees)JavaScript (5,395 stars) (2,496 forks)batch import
good first issueworkaround

説明

brief desc:
condition: width is not fixed px but %, result: columnWidth not correctly computed if table initialized hidden and then click somewhere to show it steps:

  1. html like this: <div ng-show='table.show'><div ui-grid='table.option' style="width: 100%"></div></div> <a ng-click='table.click()'></a>

2 .js $scope.table={ show: false, option:{ .... }, click:function(){this.show = true} }

  1. result: columnWidth value is NaN so that all the width defined in columnDefs doesn't work, the table css looks not correct, and api.core.refresh() doesn't make things work right.
  2. if the initial value of table.show is true, everything works fine.

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

技術スタック
javascript
領域
frontend
Issue 種別
bug
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-3 hours
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
stale
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
mostly clear
前提条件
AngularJSui grid
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
40
調査方針
Investigate how ui grid calculates column widths when the grid container is initially hidden (ng show=false). The issue suggests that percentage widths are not computed correctly, resulting in NaN. Look into the grid's resize logic and initialization sequence in files like Grid.js or UiGridConstants.js. Check if the grid relies on container dimensions that are not available when hidden, and consider using a resize observer or recalculation on show.