diff --git a/demo/bootstrap/js/demoApp.js b/demo/bootstrap/js/demoApp.js index c8d5854..1e37b75 100644 --- a/demo/bootstrap/js/demoApp.js +++ b/demo/bootstrap/js/demoApp.js @@ -3,7 +3,8 @@ angular.module('myApp', ['ui.bootstrap', 'dataGrid', 'pagination']) $scope.gridOptions = { data: [], - urlSync: true + urlSync: true, + customStyle: "item.total.value>1000 ? '' : 'trBack'" }; myAppFactory.getData().then(function (responseData) { diff --git a/dist/dataGrid.js b/dist/dataGrid.js index d7ddb3f..3303a24 100644 --- a/dist/dataGrid.js +++ b/dist/dataGrid.js @@ -35,6 +35,7 @@ $scope.paginationOptions = angular.copy($scope.defaultsPaginationOptions); $scope.sortOptions = $scope._gridOptions.sort ? angular.copy($scope._gridOptions.sort) : {}; $scope.customFilters = $scope._gridOptions.customFilters ? angular.copy($scope._gridOptions.customFilters) : {}; + $scope.customStyle = $scope._gridOptions.customStyle ? angular.copy($scope._gridOptions.customStyle) : false; //Implement css class to change row style $scope.urlSync = $scope._gridOptions.urlSync; $scope.$watchCollection('_gridOptions.data', function (newValue) { @@ -301,6 +302,9 @@ } else { element.attr('ng-repeat', "item in filtered | startFrom:(paginationOptions.currentPage-1)*paginationOptions.itemsPerPage | limitTo:paginationOptions.itemsPerPage track by $index"); } + if ($scope.customStyle) { + element.attr('ng-class', $scope.customStyle); + } element.removeAttr('grid-item'); var html = element[0].outerHTML; element.replaceWith($compile(html)($scope)); @@ -444,4 +448,4 @@ }); } } -})(); \ No newline at end of file +})();