Как я могу упорядочить столбцы в UI-сетке?

Question

У меня есть JSON, который приходит как-то вроде

{ 
x:1, 
y:2 
} 

Что означает, когда я придерживаюсь на моем Ui сетке, то x колонна является первым и y столбец второй. Однако, я хочу обратное: y затем x.

Как я могу показать сетку UI для отображения y перед x?

Answer 1

Использование columnDefs.

Определите сетку в HTML, как это:

<div id="grid1" ui-grid="gridOptions" class="grid"></div> 

И ваше приложение следующий код:

var app = angular.module('app', ['ui.grid']); 

app.controller('MainCtrl', ['$scope', 
    function($scope) { 

    $scope.myData = [{ 
     "x": "1", 
     "y": "2", 

    }, { 
     "x": "3", 
     "y": "4", 

    }]; 

    $scope.gridOptions = { 
     data: 'myData' 
    }; 

    $scope.gridOptions.columnDefs = [{ 
     name: 'y' 
     }, { 
     name: 'x' 
     }, 
    ]; 
    } 
]); 

Обратите внимание, как columnDefs использует y для первого столбца и x для второго.

Plunker