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”（或任何基于％的）作为宽度，你也会得到错误。 我建议你在此期间使用解决方法。