angular-ui-grid is a datagrid written in AngularJS by the AngularUI Team. This is the 3.x version of the former ng-grid. It is a high-performant datagrid using virtualization for rendering rows and really shines when you have lots of rows.

learn more… | top users | synonyms

0
votes
0answers
6 views

Angular UI grid error restore state

I'm using angular UI-Grid in my page but it's not working well when I use group function. Steps to get error: 1) Save the initial state; 2) Group any colunm (age for example) 3) Restore state of ...
0
votes
0answers
12 views

Ui Grid Memory leak issue with GridRow

we are facing Memory leak issue wiyh ui Grid. When we go to other page in SPA, data related to previous page grid is still maintained under Grid and GridRow. How to destroy entire data related to ...
0
votes
0answers
5 views

UI-Grid: How to group with aggregation values using two columns

I have an issue with grouping and calculating an aggregation value. Please find a plunker which is implementing the situation and contains my try to find a solution: plnkr Situation: Let's assume I ...
0
votes
0answers
6 views

Angular UI Grid - Dark them

has anyone developed a dark theme for Angular ui grid? One which will go along with 'Slate' theme in bootswatch? http://bootswatch.com/slate/
0
votes
1answer
25 views

Sorting of uI grid column containing Angular filter

I have recently started using Angular ui-grid. I am not very well versed with the internals of the library. I had a ui-grid column that required to display percentages. SO I added the following ...
0
votes
0answers
11 views

ui-grid multi different selection criteria

I'm creating an angular ui-grid table. Here's a link! app.controller('MainCtrl', ['$scope', '$http', '$log', '$timeout', 'uiGridConstants', function($scope, $http, $log, $timeout, uiGridConstants) { ...
0
votes
1answer
20 views

Angular ui-grid , add custom message to editableCellTemplate

I need to add a custom error message to cell when it is in editable mode, basically i just need to add message to the editable html template as follow <a href=\'#\' data-toggle=\'tooltip\' data-...
0
votes
0answers
15 views

Title with headerCell priority in ui grids header cell template

Is it possible to disable showing title with headerCell.priority when user made sort for column and then hover on arrow icon? I didn't find any variants besides to change uiGridHeaderCell.html ...
0
votes
0answers
10 views

Angular UI Grid in modal with doubleclick and column template

I have an Angular UI Grid inside a modal, I defined a custom template for a column of this table and maybe because of this I can't detect row dblclick anymore; viceversa if I comment out the ...
1
vote
0answers
25 views

Select some entities from row in ui-grid

I have in my grid sometimes few columns, I hide some that only two are visible. I want to select rows only with these two entities(visible) and pass them to array. In this example Date and Result. Is ...
0
votes
1answer
40 views

JHipster Docker Build with UI Grid not showing fonts

I am using JHipster 3.8 with UI-Grid i.e. ui-grid.info when i run the application locally its working fine. But when i deploy to Docker using this command ./gradlew bootRepackage -Pprod buildDocker ...
1
vote
0answers
23 views

I need a data grid which should perform server side paging, sorting and filtering and editing?

I am working in angularjs, I need a grid which should perform server side paging, sorting and filtering and editing, currently I am using angular ui-grid, but lately I have realized that I am not ...
0
votes
2answers
22 views

ui grid header menu option

I would like to hide one of the header menus option from ui-grid, I don't want to display "Hide Column" option in enableFiltering enableFiltering: true, enableColumnMenus:false enableColumnMenus:...
0
votes
0answers
19 views

Group functions in Ui-Grid angular only works when I double click on any grouping (such as sum, count)

I'm having a little problem with the Angular Ui-Grid (http://ui-grid.info/) version 3.2.9, my user needs all the group functions presents in this framework, but, when they click to sum one column for ...
0
votes
0answers
20 views

How can I pass the ng-model and $event for my custom validation from ui-grid cell template

Is there a way to bind custom validation. I would like to bind a method on say ng-keydown to check the input against my set of rules.. How can that be done. I trying calling a $scope function on ng-...
2
votes
0answers
29 views

Angular: afterCellEdit without scope

I'm trying to implement the afterCellEdit function inside my gridOption.onREgisterApi function. I'm not using $scope in my program as is recommended to do in the guidelines. In fact, my question is ...
0
votes
0answers
22 views

Ui-grid infinite scroll sorting with all data

I'm doing a grid for a media representation for a company. We have 1000+ row for grid and we are using infinite scroll to present row with no delay.Client will group and sort the data for analysis. ...
0
votes
0answers
9 views

angular ui-grid cellFilter currency doesn't allow group aggregation

I'm using the ui-grid and I have three columns that have currency values and I want displayed as such. If I say do a group on "Status", and try to do an aggregation of sum or any of the options, of ...
0
votes
0answers
33 views

How to get ui-grid cellClass function called for all visible rows after reorder?

I wrote a cellClass function, rowSpanCellClass, to implement something like HTML rowspan. When a value is repeated in a column where rowSpanCellClass is used, the cells with repeating values will ...
0
votes
0answers
5 views

uiGrid, gridTestUtils and frozen columns

I'm attempting to create a test via Protractor, and the page under test uses a uiGrid control. I'm using the gridTestUtils library that comes with the uiGrid package. In this particular grid, the ...
0
votes
1answer
27 views

Altering the class values or styles of cells in ui-grid

I have several unique cases inside ui-grid where the cells of certain table contents need additional class, or even style rules assigned, so the appearance for these cells stands out compared to ...
1
vote
0answers
13 views

Integration of ui-grid-treeview and ui-grid-grouping

Can we apply ui-grid-treeview in total resultset and ui-grid-grouping in any of the column together. For example I want to create a hierarchical view of all the employees (using ui-grid-treeview) ...
1
vote
1answer
34 views

EditableCellTemplate ui-grid

I would like to have ng-input of type number in one of the columns in ui-grid. Ideally it would look like this: I accomplished this by using regular cellTemplate, but as I understood proper way is ...
0
votes
0answers
25 views

Adding custom row-header to ui-grid

I would like to create my own custom column to ui-grid, similiar to select column (column with check mark) on attached picture: Is this possible, what is easiest way to do this?
0
votes
1answer
20 views

Interaction with gridData on ui-grid edit events

I am using Angular ui-grid and am pretty new at it. I receive an array of objects to render data for each row. Each object, hence each row , has a field change:false which marks whether any field on ...
1
vote
0answers
29 views

cell template in angular grid not visible in pdf

I am using ui-grid and want to export the table data in PDF through grid menu. $scope.gridOptions = { enableGridMenu: true, columnDefs: [ { name: "...
0
votes
1answer
21 views

Why am I not getting any values displayed in my ui-grid dropdown?

I have this following code for ui-grid column Definition: { name: "carrier_influence_group", displayName: "Carrier influence group", enableCellEdit: true, showSortMenu: false, ...
1
vote
1answer
36 views

ui-grid get the current column (field) name from inside a custom sorting algorithm?

Once you define custom sorting for a column like in Github and UI-Grid How can you access the column from inside the algorithm? var myAwesomeSortFn = function(a,b, rowA, rowB, direction){ /...
0
votes
0answers
22 views

How to refresh the table sorting when the data is changed (ui-grid, AngularJS)

I'm looking at the ui-grid API and I'm trying to figure out how to reset the sorting (the one that is applied by the user) when the data of the table changes. I have a method that changes the data ...
2
votes
1answer
45 views

angular-ui-grid does not render properly inside nested ui-views

I am using AngularJS with ui-grid and ui-view in an attempt to create a page with a tabbed container. Content of each tab (typically a ui-grid) is being displayed within a ui-view: <div class="...
1
vote
1answer
21 views

Protractor Search by row property using by.repeater and evaluate

I'm trying to implement a search by row property using by.repeater and evaluate for e2e with ui-grid. The idea is to map the result from by.repeater to an new object with the underneath object id I ...
2
votes
1answer
28 views

UI-grid saveState service circular logic

Here is a summary of the problem: I set up a column sortChange() listener, which responds to sort changes by firing off a query to fetch newly sorted data. I save the grid state before the fetch, and ...
0
votes
0answers
18 views

angularjs ui-grid tool tip is cropped after 500 characters

i am using the ui-grid with below properties to enable the tool tip, but the tooltip crops the content after 500 characters. Is there a way to show all the content? { "field":"Event ...
0
votes
1answer
27 views

Angular UI Grid How to bind value from variable

is it possible to bind value from the $scope variable in Angular UI Grid? There is a $scope.number value which I want to bind and show in Number column: app.controller('MainCtrl', function ($scope, $...
0
votes
0answers
68 views

angularjs - Angular UI Grid Bug- Agg:remove is not working

In Ui-Grid table I am using aggregate function ,but on agg:remove getting error in console.After agg:remove not able to apply aggregate function on other column. check this image for error TypeError: ...
0
votes
0answers
25 views

mousewheel scroll down doesn't work when mouse is on the grid - ui-grid angular js

For my Angular js grid work, I am using ui-grid(v3.1.1) to implement the grid table. When I change the pagination size, I am having trouble to scroll down using mousewheel. When I hover over the mouse ...
0
votes
0answers
24 views

ui-grid enable cell scroll

Is it possible to enable vertical scrollbar for cell content in UI Grid? I use a cellTemplate to render dynamic content in one cell of my UI Grid - the content height is variable from row to row. At ...
0
votes
0answers
14 views

UI Grid aggregation value is incorrect on afterCellEdit

I'm trying to set a ng-show based on a flag that triggers after an edit. It looks to see if the sum of a column is 100. If it is then the ng-show is true. But currently I have had to do a hacky method ...
0
votes
1answer
37 views

I need to display an array of strings within ui-grid. Single row, one row for each ui-grid

I need to display each data from array in a single ui-grid row. Please help me, whether it's correct or not? so data[0] should display in one ui-grid and data[1] should display in another ui-grid, so ...
0
votes
1answer
36 views

Multiple Grid View using ui-grid

I have a scenario to split the single grid view into multiple grid view, Example: In an array I have 10 data a[10] values for these each data I have to put new ui-grid using angular js. Customer 1 ...
0
votes
0answers
12 views

AngularJS ui-grid tri-state checkbox

I got a design question. I am using ui-grid to render my table. The table is paginated and the data comes from the server. I have implemented a tri-state check-box at per-page level. I just want to ...
0
votes
0answers
41 views

how to expand - collapse in ui grid Grouping on row click?

I am trying to expand and collapse the grouping on row click as it should work with + and - icons in the ui grid. I am trying to call treeButtonClick(row, $event) from the row template like below. ...
0
votes
0answers
24 views

Angular UI Grid get value from the other table

Is it possible in to get value (or more values) from the other table (parent)? For example, there is a parent table in which I want the value (number) to be passed to the child table angular.module('...
0
votes
0answers
29 views

Single Click to edit cell with cellTemplates

I would like to be able to single click to trigger a cell edit on all my ui-grids. I have enableCellEditOnFocus with the ui-grid-edit and cell-nav, everything is working good except for rows that have ...
0
votes
0answers
12 views

Do I have to give uigrids id's when using ui.grid.e2eTestLibrary

Angular and Protractor seem to lean towards not using id attributes, but if I want to test ui-grid the ui.grid.e2eTestLibrary seems to have been written around using an id attribute (it's the first ...
0
votes
1answer
17 views

ui-grid datepicker not setting the value in angular js

{ "firstName": "Cox", "lastName": "Carney", "company": "Enormo", "test":{ "date": "10/14/2015 02:45:33 AM"} } if I bind the date to the ui-grid datepicker and change the datepicker ...
0
votes
0answers
25 views

angular js dynamic column add

I am creating leave application in angular js i want to show the dates of the current month infront of each employee in angular ui-grid.Dates is an array so i converted it into array of object but i ...
0
votes
0answers
11 views

how to call treeButtonClick /expand the grouping on row click in UI grid

I want to expand the grouping on row click,not only one + and - icon click. I am adding the row template like below, but the function not getting called. rowTemplate: '<div ng-click="...
0
votes
0answers
12 views

Angular ui-grid: the filter field added at runtime doesn't work

I'm trying to add a second filter field dinamically because i haven't space in my app to have ever visible two filter field. So i like to have a button to toggle the second field when i really need it....
0
votes
0answers
16 views

angularjs ui grid cellfilter (format data) without using columndefs

so i have list of objects that i am calculating dynamically and their properties can vary, for that reason i am not having columndefs [ { "ManagedSegment":"Timely", "Apr'...