javascript - 角网格反向列

Question

我们angular-grid用来显示动态列的网格。IE：

col1    col2   col3    col4   col5    col6   col7    col8   col9    colx

列以正确的顺序返回，但是，角度网格将它们显示在前面。

colx    col9   col8    col7   col6    col5   col4    col3   col2    col1

有没有办法扭转这些列。我们不能使用列目标，因为我们不知道将返回多少列。

Answer 1

columnDefs您应该以正确的顺序列出它们。

相关文档： http ://angular-ui.github.io/ng-grid/

如果您在获取列之前不知道列，则可以在收到数据后设置此属性，例如基于第一行。

Answer 2

您将需要columnDefs为您的数据集定义。您可以通过执行以下操作对动态列执行此操作：

$scope.myData = [
  {name: 'col1', value: 'abc'},
  {name: 'col2', value: 'def'},
  // etc.
  {name: 'colx', value: 'xyz'}
];

$scope.$watchCollection('myData', function (new_myData, old_myData) {
  angular.forEach(new_myData, function(item, index) {
    $scope.columnDefs[index] = {
      field: item.name,
      value: item.value
    };
  });
});