2017-12-10 13 views
1

내 프로젝트에서 ui-grid를 사용합니다. 여기표 초기화시 표를 정렬하는 방법은 무엇입니까?

는 HTML 테이블의 선언입니다 :

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

컨트롤러에있는 테이블의 defenition된다 PLUNKER를 작동하고 여기

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

를 그리고!

제 질문은 그리드를 초기화 할 때 성별 열을 기준으로 테이블을 정렬하는 방법입니까?

답변

2

그리드가 초기화 될 때 정렬을 위해 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; 
    } 
    };