Code
<div ng-app="app" ng-controller="appCtrl">
<m-grid grid-options="gridOptions"></m-grid>
</div>
<script>
var app = angular.module('app', ['ui.bootstrap', 'm-grid']);
app.controller('appCtrl', function($scope) {
$scope.gridOptions = {
columns: [{
name: '#',
field: 'id',
cellTemplate: '<span class="badge">{{item.id}}</span>'
}, {
name: 'Full name',
field: 'fullName',
cellTemplate: '<span class="label label-primary">{{item.fullName}}</span>'
}, {
name: 'Email',
field: 'email',
cellTemplate: '<span class="glyphicon glyphicon-share-alt"></span><span>{{item.email}}</span>'
}],
rowItemAlias: 'user',
disablePagination: true
}
var data = [];
for(var i=0; i<10; i++) {
data.push({
id: (i+1),
fullName: 'Name ' + (i+1),
email: 'email' + (i+1) + '@test.com'
})
}
$scope.gridOptions.data = data;
})
</script>
We can access current cell data by using {{item}}
or {{rowItemAlias}}