Questions tagged [angular-ui-grid]

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.

UI Grid is a datagrid written in by the AngularUI Team, no jQuery.

It is a high-performant datagrid using virtualization for rendering rows and really shines when you have lots of rows.

1895 questions
0
votes
1 answer

ScrollTop on with ui-grid

Is there any way to scroll to top of the grid when search result populated, i have one textbox after entering text the function is called and all the values related to the text entered populates in grid after scrolling down to grid and entering new…
Sameer Khan
  • 147
  • 2
  • 18
0
votes
1 answer

UI-Grid- Column having buttons not getting changed

I'm using ui-grid to display a table. Last column will be having 3 buttons. There will be another button in footer "Change Table", clicking on which grid options will get change and instead of displaying 3 buttons, it should display 1 button and it…
Krishna
  • 1,865
  • 4
  • 18
  • 26
0
votes
1 answer

Angular ui-grid calendar dates in ui-grid header

I am new to angular js .I am working on employee leave application.Should i use angular ui-grid or angular ui-calender. There are multiple options for leave(single date) as follows 1)planned leave 2)unplanned leave from these i have to select one…
swapnil
  • 63
  • 2
  • 9
0
votes
1 answer

AngularJS ui-grid data appears outside of wrapper?

HTML
JS $scope.submitted_columns = [ {field: "application_id", visible: false}, {field: "date_entered", …
DevlshOne
  • 8,357
  • 1
  • 29
  • 37
0
votes
1 answer

How to highlight the current row when cell template button is clicked in angualar UI Grid

I have enabled ui-grid-selection on grid.As a result that when row is selected it will be get highlighted but my requirement is that i want to highlight the row only when the cell template button is clicked.Please let me know how to do this. Code…
gihan-maduranga
  • 4,381
  • 5
  • 41
  • 74
0
votes
1 answer

Angular ui-grid tooltip with large text size

I am using angularjs UI-Grid to show data but tool-tip breaking the UI. Scenario: when any column gets large text then column tool-tip does not show text correctly even shows distorted ui. I have created a plunker, and check second…
Ruby Soni
  • 1
  • 1
0
votes
2 answers

How to debug vague JS errors when using Angular?

I recently started working with Angular, and so far I'm loving the links in the error messages that give you incredible detail about the error. However, I'm encountering an extremely vague JavaScript error: TypeError: Cannot read property 'data' of…
Travis Heeter
  • 13,002
  • 13
  • 87
  • 129
0
votes
1 answer

Read the sum value from the column footer in UI - Grid?

I'm currently trying to read my column footer to make sure that the total sum from the aggregate is exactly 100. However I can not find a way to get that value from the grid functions. Maybe I missed a function in the docs. Is there a way to…
dustyjuicebox
  • 267
  • 2
  • 9
0
votes
1 answer

Cell class change is postponed till next edit or scroll

I'm trying to mark edited in UI Grid cell by blue color. For this purpose in afterCellEdit event I make some changes in the row entity. cellClass function checks for these marks and returns corresponding class name. Call to $scope.$apply (specified…
Qwertiy
  • 19,681
  • 15
  • 61
  • 128
0
votes
2 answers

ui-grid Data display issue

I'm using ui-grid with my Cordova application. When I try to populate the ui-grid, sometimes data is displayed on the left like in the picture below: Any help? HTML
Imoum
  • 745
  • 3
  • 12
  • 24
0
votes
3 answers

Cell Template ng-click action never fires

I have a dynamically-driven ng-click call inside a cellTemplate call that should fire a function call to open a previously defined Ionic modal, but when I run the click event on entries in the datagrid, the associated scope function call never…
Cameron Kilgore
  • 383
  • 7
  • 25
0
votes
1 answer

Adding text to an Angular Ui-Grid date column

I have an angular ui-grid that has a column for a date, which indicates the date an email was sent to a new user: { name: "SentOn", displayName: "Sent On", cellFilter: "date:\"yyyy-MM-dd HH:mm\"" } The email is not sent until a number of…
Karl Gjertsen
  • 4,690
  • 8
  • 41
  • 64
0
votes
1 answer

Use html code as column name with ui-grid

I am trying to change column name using html tag. I dont know if it's clean but i want to use a on my js code to rename my column using ui-grid. some thing like : $scope.gridOptions = { enableFiltering: true, …
DJBen
  • 1
  • 1
0
votes
1 answer

How to refresh ui-grid cell which has a cellFilter to display multiple fields of the bound entity in one cell

I use a cell filter to show multiple properties of a bound entity in one cell. Therefore there is no one field name because it is a computed field. How can I force the grid to reevaluate the cell filter if one of the involved properties changes? The…
Tobias J.
  • 1,043
  • 12
  • 31
0
votes
3 answers

UI Grid won't display

Trying to follow the docs provided here on their website, but still not able to get it to work. I am scanning a table using AWS DynamoDB, and trying to display the information in the table within this UI grid. My controller: angular.module('App') …
FF5Ninja
  • 515
  • 2
  • 7
  • 17