We can use all angular text formating filter (date, currency, number, etc...)
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'
}, {
name: 'Product name',
field: 'name'
}, {
name: 'Opening date',
field: 'date',
format: 'date:\'MMM dd, yyyy\''
}, {
name: 'Price',
field: 'price',
format: 'currency'
}]
};
var data = [];
for (var i = 0; i < 10; i++) {
data.push({
id: (i + 1),
name: 'Product ' + (i + 1),
date: new Date(2000 + (i+1), (i+1), (i+1)),
price: (i + 1) * 100 + i
})
}
$scope.gridOptions.data = data;
})
</script>
- Don't use double quote inside format property value.
- Text formatting will not work with custom cell template. For custom cell template we need to use text format inside template.