AngularJS - ng-grid數據不會顯示在列大小調整上

Question

我正面臨一個問題，當列名稱更改時，ng-grid數據不會顯示在列大小調整上。

在 - http://plnkr.co/edit/eV9baoDOV9A46FZmKW8G?p=preview創建了一個plunkr

請注意main.js中的以下函數，以顯式更改列名和相應的數據。

$scope.reload = function(){
  $scope.columnDefinitions = [
      {field: 'first_col'},
      {field: 'second_col'}
    ];

  $scope.myData = [{first_col: "colData1", second_col: "colData2"},
                  {first_col: "colData3", second_col: "colData4"},
                  {first_col: "colData5", second_col: "colData6"}
                ];  
}

腳步 -

場景1（有效） 。

1. 一旦示例完全加載包括來自ng-grid的數據，請單擊“更改”按鈕。
2. 這樣，“name”和“age”列將變為“first_col”和“second_col”以及相應的數據。

場景2（不起作用）

1. 重新運行這個例子。
2. 一旦示例完全加載包括來自ng-grid的數據，請稍微調整列的大小。
3. 調整大小后，單擊“更改”按鈕。
4. 網格現在顯示為空。

真的堅持這個問題。 任何幫助都感激不盡。

Answer 1

當你按下更改時，似乎沒有拾取列的寬度。 如果您手動定義它 ，它將工作：

{field: 'first_col', width: 200},
{field: 'second_col', width: 200}

來自ng-grid文檔 ：

寬度也可以用百分比（20％，30％），加權* s或“自動”（根據數據長度調整列的大小）來定義（非常類似於WPF / Silverlight）/ 注意：“auto”僅適用於單頁應用程序目前因為重新調整大小發生在“document.ready”上。 仍在努力改善這一點 。

所以我猜它是默認的“自動”，這就是為什么它不起作用。 如果你嘗試將“auto”（或任何基於％的）作為寬度，你也會得到錯誤。 我建議你在此期間使用解決方法。