angular-ui-grid

I am trying to update visibility option in the columDefs of my ui-grid. After updating the value I need to refresh my ui-grid. What is the way to refresh my grid from my controller? Jose Visit this pages: GetAPI - http://ui-grid.info/docs/#/api/ui.grid.class:GridApi Specific API - http://ui-grid.info/docs/#/api/ui.grid.core.api:PublicApi http://ui-grid.info/docs/#/api/ui.grid.class:GridApi After having instantiated your gridApi, you can just call: //instantiate (not so obvious) // whatever scope attribute your binding to gridOptions $scope.gridOptions = { onRegisterApi: function(gridApi){

Testing out Angular ui-grid (ng-grid v.3.0). Can not for the life of me find the selected row. I just want to grab the rows or even row ID of row when a user clicks it. Found the top comment here but I think this is outdated: Getting select rows from ng-grid? Does anyone know where the gridOptions.selectedItems is being stored in 3.0? Is this what your are looking for ? http://ui-grid.info/docs/#/tutorial/210_selection Activate grid selection capabilities with the ui-grid-selection tag (and ui.grid.selection module registration in your app register gridApi and use gridApi.selection to access

I'm trying to color a row depending on it's value in the new angular-ui-grid 3.0 rc12 but I haven't been able to. The following code used to work in the previous version (ngGrid): $scope.gridOptions = data: 'data.sites' tabIndex: -1 enableSorting: true noTabInterference: true enableColumnResizing: true enableCellSelection: true columnDefs: [ {field: 'sv_name', displayName: 'Nombre'} {field: 'sv_code', displayName: 'Placa'} {field: 'count', displayName: 'Cuenta'} ] rowTemplate: """<div ng-class="{green: true, blue: row.getProperty('count') === 1}" ng-repeat="col in colContainer.renderedColumns

How does one access $scope from a ui-grid cell template? Here's my controller code: app.controller('MainCtrl', ['$scope', function ($scope) { // i want to reference this from a cell template. $scope.world = function() { return 'world'; }; $scope.gridOptions = { data: [ { id: "item1" }, { id: "item2" } ], columnDefs: [ { field: 'id', // world() is never called and is not displayed. cellTemplate: '<div>{{ "hello " + world() }}</div>' }] }; }]); See it in action here: http://plnkr.co/edit/WYXeQShHWKDYDs4MIZnP?p=preview I would expect cell contents to show "hello world", but they just show "hello"

How to add conditional when showing data in ui-grid cellTemplate below: $scope.status = ['Active', 'Non Active', 'Deleted']; $scope.gridOptions = { columnDefs: [{ field: 'code' }, { field: 'name' }, { field: 'status', cellTemplate: '<div>{{status[row.entity.status]}}</div>' }] }; The expected result should be row status show Active/NonActive/Deleted . Here is the plunker Thanks in advance. You have to use externalScopes . In your markup define the gridholder like this. <div ui-grid="gridOptions" external-scopes="states" class="grid"></div> And in your controller use this code: var statusTxt =

I am using : https://github.com/angular-ui/ui-grid.info/tree/gh-pages/release/3.0.0-RC.18 <div ui-grid="gridOptions" style="height:765px"></div> When I hard code the value, as shown above, the grid spreads out and everything works as expected. However, if I do the following... $scope.gridStyle = 'height:'+numRows*rowHeight+'px' //(765px); <div ui-grid="gridOptions" style="{{gridStyle}}"></div> The height is printed in the div and div widens but the content itself widens to only around 340px. The space that is left is blank, so instead of 25 rows I see only 8. I have to scroll down, while there