Question

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

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

尝试按此顺序colx col9 col8 col7 col6 col5 col4 col3 col2 col1传递列，它会显示为col1 col2 col3 col4 col5 col6 col7 col8 col9 colx。

Answer 3

您需要为数据集定义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
    };
  });
});

角网格反向列

3 个答案: