Angular UI网格无法对具有行索引的列进行排序

Question

我有一个网格，其中包含名称，价格等列。对于此网格，我添加了另一列描述序列号的列。即1,2,3 ......为了生成这个，我使用了cellTemplate：＆{39; {{rowRenderIndex + 1}}＆＃39;

现在我想基于此列对序列号进行排序。但排序不起作用。我尝试添加一个类型：＆＃39;数字＆＃39;到列定义。仍然没有在具有序列号的列上进行排序。

这是我的小提琴链接 http://plnkr.co/edit/zgQKyaS7KbJeZoyzPLKf?p=preview

我的HTML

app.controller('MainCtrl', ['$scope', '$http', 'uiGridConstants', function ($scope, $http, uiGridConstants) {
  $scope.gridOptions1 = {
    enableSorting: true,
    columnDefs: [
       { name: 'SL NO' ,cellTemplate: '<div>{{rowRenderIndex+1}}</div>', type:'number'},
      { 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;
    });
}]);

我的jS     var app = angular.module（＆＃39; app＆＃39;，[＆＃39; ngAnimate＆＃39;，＆＃39; ngTouch＆＃39;，＆＃39; ui.grid＆＃39;]）;

'r'

我想在这里使用名称SL NO对列进行排序，其中包含行索引。