グリッドの初期化時に列ごとにテーブルをソートする方法はありますか？

Question

私のプロジェクトではui-gridを使用しています。ここで

は、HTMLのテーブルの宣言である：ここで

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

は、コントローラ内のテーブルのdefenitionです：

app.controller('MainCtrl', ['$scope', '$http', 'uiGridConstants', function ($scope, $http, uiGridConstants) { 
    $scope.gridOptions1 = { 
    enableSorting: true, 
    columnDefs: [ 
     { field: 'name' }, 
     { field: 'gender' }, 
     { field: 'company', enableSorting: false } 
    ], 
    onRegisterApi: function(gridApi) { 
     $scope.grid1Api = gridApi; 
    } 
    }; 


$http.get('https://cdn.rawgit.com/angular-ui/ui-grid.info/gh-pages/data/100.json') 
    .success(function(data) { 
     $scope.gridOptions1.data = data; 
    }); 

そして、ここではPLUNKERを働いています！

私の質問はグリッドを初期化するときにジェンダー列でテーブルをソートする方法ですか？

Answer 1

グリッドの初期化時にソートするにはcolumnDefに設定する必要があります。あなたが男性の最初

direction: uiGridConstants.DESC 

Plunker

を表示したい場合は、また、DESCする方向を設定することができます

$scope.gridOptions1 = { 
    enableSorting: true, 
    columnDefs: [ 
     { field: 'name' }, 
     { field: 'gender',sort: { direction: uiGridConstants.ASC, priority: 1 } }, 
     { field: 'company', enableSorting: false } 
    ], 
    onRegisterApi: function(gridApi) { 
     $scope.grid1Api = gridApi; 
    } 
    };