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: 'Full name',
field: 'fullName'
}, {
name: 'Email',
field: 'email',
sorting: false
}],
sorting: true,
defaultSorting: 'id'
}
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>
defaultSorting
set sort order on init grid
- We can set sorting true for grid and disable sorting on perticular column and we can also set sorting only on perticular colum by putting
sorting: true
on perticual column option.