ui-grid 팁

1.rownumber 

$scope.gridOptions = { 
    data: 'myData',
    columnDefs: [
      {field: '', displayName: 'Row Number', cellTemplate: '<div class="ngCellText ng-scope col1 colt1" ng-class="col.colIndex()"><span ng-cell-text="">{{row.rowIndex + 1}}</span></div>'},
      {field: 'name', displayName: 'Name'}, 
      {field:'age', displayName:'Age'}]
};

2.celltemplat function

angular.module('myApp', ['ui.grid'])

    .controller('myCtrl', ['$scope', function ($scope) {

    $scope.parseDate = function (p) {

        // Just return the value you want to output

        return p;

    }

    $scope.parseName = function (p) {

        // Just return the value you want to output

        return p;

    }

    $scope.gridOptions = {

        data: [{

            name: "Foo",

            date: "2015-10-12"

        }, {

            name: "Bar",

            date: "2014-10-12"

        }],

        columnDefs: [{

            name: 'name',

            cellTemplate: '<div class="ui-grid-cell-contents">{{grid.appScope.parseName(row.entity.name)}}</div>'

        }, {

            name: 'date',

            cellTemplate: '<div class="ui-grid-cell-contents">{{grid.appScope.parseDate(row.entity.date)}}</div>'

        }]

    };

}]);

gridApi.selection.on.rowSelectionChanged($scope, function (rows) {
            var selection = gridApi.selection.getSelectedRows();

console.clof(selection.reg_id);            

        });