角格线反向柱

Question

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

col1    col2   col3    col4   col5    col6   col7    col8   col9    colx

列以正确的顺序返回，但是，angular grid将它们显示在前面。

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
    };
  });
});