angular-ui-grid

I am upgrading the ui-grid from v3.0.0-RC.18 to v3.0.0-rc.20-76029e7 and suddenly the external-scopes attribute stops working. What is the alternative to it? externalScopes was removed in RC 19. You can read the notes here: https://github.com/angular-ui/ng-grid/blob/master/CHANGELOG.md#breaking-changes Instead, you can use appScope , which has been docoumented here: http://ui-grid.info/docs/#/tutorial/305_appScope The grid gets a property called appScope added to it that simply references its parent scope, so you don't have to pass the grid any options. If you have a function named click() on

I'm trying to port a small project from jquery to angularjs. I was using DataTables to plot diagnostic data received from my virtual machines, this is an example: DataTables makes it easy to paginate the data, this has the benefit of not capturing the mouse scroll while navigating, which is the best solution when your pages contain a lot of tables. I'm now trying to do the same thing using ui-grid from angular-ui but the pagination options that were present in ng-grid are not present anymore (or at least I wasn't able to find them). Is there a way to do client side pagination using ui-grid?

When I have enough rows in my ui-grid to do scrolling, it seems to have a lot of whitespace at the bottom of the list for some reason. I've nailed it down to this piece of code (i think?): styles['margin-top'] = hiddenRowWidth + 'px'; line 3038 of ui-grid.js Not sure why it's adding so much white space at the bottom though. Any ideas? I was thinking it's because my container is 100% height, but it seems to do this even with a specific pixel height as well. edit: Well, now I'm not certain that it was that code that's the culprit. The ui-grid-canvas element has a HUGE height, still not sure why.

So I'm trying to get my Angular UI Grid to register a double click event on an entire row to open up a modal. I can start with a toastr toast and go from there though. This is the closest I've come based on various demos and examples online, but I just can't seem to get it to work. Controller: $scope.gridHandlers = { onDblClick: function(rowItem){ toastr.success(rowItem, 'Row Item:') } } $scope.gridOptions = { onRegisterApi : function(gridApi){ $scope.gridApi = gridApi }, data: $scope.customerList, enableRowHeaderSelection: false, enableRowSelection: true, enableSelectAll: false, multiSelect:

I tried to get a cell to expand it's height dynamically. Is there a way to adjust the height of a row(GridRow) after it is rendered? If not, then I will try to use an expandable grid or tree in a grid. Is it possible to display an expandable grid off a specific cell/column? Currently I see all expandable grids/tree grids that take up the entire row below the parent. Thanks You can see an answer to the same question here: https://github.com/angular-ui/ng-grid/issues/3239#issuecomment-91045267 UI-Grid virtualizes the rows, meaning that it only renders a small subset of the data, and leaves

I am new working with the Angular UI-GRID and I need to create external buttons for the exporting features like PDF export and CSV Export similar to this image . Do you have any idea how can I do it ? Also I need a Print button but I don't see it in the documentation. Is there a Print behavior for this grid ? Thank you, Ernesto Taking a look at the ui-grid.exporter source code (this will specifically address pdf export, which starts at ~line 972, but you can apply it to the csv use case as well), you would want to create an external button in your html, then tie the uiGridExporterService 's

I am using ui grid to show a list of data and I am trying to initially expand all rows. I am trying to do this in the onRegisterApi event: scope.GridOptions = { data: properties, columnDefs: [ { name: "Full Address", field: "FullAddress" }, { name: "Suburb", field: "Suburb" }, { name: "Property Type", field: "PropertyType" }, { name: "Price", field: "Price", cellFilter: 'currency'}, { name: "Status", field: "Status" }, { name: "Sale Type", field: "SaleType" }, { name: "Date Created", field: "CreateDate", cellFilter: "date:'dd/MM/yyyy HH:mma'"} ], expandableRowTemplate: 'template.html',