$scope.gridOptions = {
            data: 'dispositionData',
            enableVerticalScrollbar: 2,
            enableHorizontalScrollbar: 1,
            multiSelect: false,
            enableColumnResize: true,
            enableRowHeaderSelection: true,
            enablePaging: true,
            pagingOptions: $scope.pagingOptions,
            showFooter: true,
            totalItemsLabel : $scope.totalResult,
            totalServerItems: $scope.totalResult,
            columnDefs: [ {
                     field: 'isChecked',
                     displayName: '',
                     width: 20,
                     cellTemplate: '<div><input ng-model=row.entity.isChecked   id=row.getProperty(col.field) ng-change="getSelectedObject()"/></div>'

               },
                {
                    field: 'name',
                    displayName: 'NAME',
                    width: 100,
                    cellTemplate: '<div style="text-align:center" >{{row.entity[col.field] }}</div>'
                },
                {
                    field: 'CLASS',
                    displayName: 'CLASS',
                    width: 100,
                    cellTemplate: '<div style="text-align:center" >{{row.entity[col.field] }}</div>'
                }],
              footerTemplate:'<div ng-show="showFooter" class="ngFooterPanel"  ng-style="footerStyle()">'+
                               '<div class="ngTotalSelectContainer" >'+
                                       '<div class="ngFooterTotalItems" ng-class="{ngNoMultiSelect: !multiSelect}" >'+
                                       '<span class="ngLabel">Total Result {{ totalResult}}</span><span ng-show="filterText.length > 0" class="ngLabel">{{totalResult}}</span>'+
                                   '</div>'+
                                   '<div class="ngFooterSelectedItems" ng-show="multiSelect">'+
                                       '<span class="ngLabel">{{i18n.ngSelectedItemsLabel}} {{selectedItems.length}}</span>'+
                                   '</div>'+
                               '</div>'+
                               '<div class="ngPagerContainer" style="float: right; margin-top: 10px;" ng-show="enablePaging" ng-class="{ngNoMultiSelect: !multiSelect}">'+
                                   '<div style="float:left; margin-right: 10px;" class="ngRowCountPicker">'+
                                       '<span style="float: left; margin-top: 3px;" class="ngLabel">{{i18n.ngPageSizeLabel}}</span>'+
                                       '<select style="float: left;height: 27px; width: 100px" ng-model="pagingOptions.pageSize" >'+
                                          ' <option ng-repeat="size in pagingOptions.pageSizes">{{size}}</option>'+
                                      ' </select>'+
                                   '</div>'+
                                  ' <div style="float:left; margin-right: 10px; line-height:25px;" class="ngPagerControl" style="float: left; min-width: 135px;">'+
                                       '<button class="ngPagerButton" ng-click="pageToFirst()" ng-disabled="cantPageBackward()" title="{{i18n.ngPagerFirstTitle}}"><div class="ngPagerFirstTriangle"><div class="ngPagerFirstBar"></div></div></button>'+
                                       '<button class="ngPagerButton" ng-click="pageBackward()" ng-disabled="cantPageBackward()" title="{{i18n.ngPagerPrevTitle}}"><div class="ngPagerFirstTriangle ngPagerPrevTriangle"></div></button>'+
                                       '<input class="ngPagerCurrent" min="1"  ng-disabled="isLastPage" type="number" style="width:50px; height: 24px; margin-top: 1px; padding: 0 4px;" ng-model="pagingOptions.currentPage"/>'+
                                       '<button class="ngPagerButton" ng-click="pageForward()" ng-disabled="isLastPage" title="{{i18n.ngPagerNextTitle}}"><div class="ngPagerLastTriangle ngPagerNextTriangle"></div></button>'+
                                       '<button class="ngPagerButton" id="lastPage"   ng-click="pageToLast1()" ng-disabled="false" title="{{i18n.ngPagerLastTitle}}"><div class="ngPagerLastTriangle"><div class="ngPagerLastBar"></div></div></button>'+
                                   '</div>'+
                              ' </div>'+
                           '</div>',
     rowTemplate: '<div    style="height: 100%" ng-style="{height: 5}"  ng-click= "showSelection(row)"><div ng-style="{ 'cursor': row.cursor }" ng-repeat="col in renderedColumns" ng-class="col.colIndex()" class="ngCell ">' +
                '<div class="ngVerticalBar" ng-style="{height: rowHeight}" ng-class="{ ngVerticalBarVisible: !$last }"> </div>' +
                '<div ng-cell></div>' +
                '</div></div>'