Stack Overflow
Stack Overflow

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
3 answers

How to create dynamic json object in javascript

I'm setting up columns in angular-ui-grid like this: $scope.columns.push({ displayName: 'TimeStamp', field: 'x', width: $scope.setGridColumnWidth(), sort: { direction: uiGridConstants.DESC, …
President Camacho
  • 1,860
  • 6
  • 27
  • 44
0
votes
2 answers

Problems setting up dynamic columns in an angular-ui-grid

I'm trying to setup a angular-ui-grid with x columns depending on how many objects view.trend.getTagsList() returns. $scope.addData() is a functions that invokes once every three seconds $scope.columns = []; …
President Camacho
  • 1,860
  • 6
  • 27
  • 44
0
votes
0 answers

how to loop through a JSON string using ng-repeat

I have a scenario where I have to loop through the JSON string in template. I tried these 2 solutions but none of them are working properly: 1. Create a filter and pass it to ng-init: < div ng-init="var1 = (COL_FIELD | FormatJson)">
undefined
  • 3,464
  • 11
  • 48
  • 90
0
votes
1 answer

Angular ui grid make a non editable row into editable

I am trying to add edit, trash icons to Angular UI grid. On click on a particular row I want to allow the user to only edit the particular row. Is there any api method available which will make non editable row into editable row on fly? I want to…
Naresh G
  • 83
  • 5
0
votes
1 answer

Testing not visible rows in ui-grid with protractor

My e2e-test for ui-grid is the following: I'm adding the new item with the name that includes timestamp, saving it to the server. I'm checking if the item with this name has been added to the ui-grid table. The problem is that the table can get…
ganqqwerty
  • 1,894
  • 2
  • 23
  • 36
0
votes
2 answers

How to get the rowcol object of a cell DOM element selected in the grid of UIGrid?

I'm using UIGrid. How can I get the row-column object of a selected cell's DOM element in the grid? $(".ui-grid-cell-focus") this gives you the HTML DOM of the currently focused/selected cell. I'm trying to get the uiGrid row-col object using this…
Temp O'rary
  • 5,366
  • 13
  • 49
  • 109
0
votes
0 answers

show the modal containing text area on row click of ui-grid

I am having UI-grid and I want to show modal on click of cell of each row and edit the value of cells of row and show the values in the cell of that row.how should I do that? This is my code.Where TTOptionsModal is my derective for modal …
Priyanka Kakade
  • 67
  • 6
0
votes
2 answers

ui-grid how to select checkbox when row clicked

I am showing data usingui-grid. The ui-grid has three columns. The first column is contains checkbox for each row. Data populating correctly, row selection works fine except the following issue. Problem: When row clicked, the checkbox should also…
TheKingPinMirza
  • 7,924
  • 6
  • 51
  • 81
0
votes
1 answer

Populate dropdown values from database using javascript service

Hello I am new to AngularJS and I am trying to populate values for my column dropdown in a ui grid. Currently it just displays undefined for the whole list. Here is my column definition: { field: "FullName", displayName: "Employee",…
jason316
  • 76
  • 1
  • 10
0
votes
1 answer

How to make ui-grid one row as link button

I am new to angularJS and doing this project in which I used angular-ui-grid in which i want make one Row as link, like I have user List and When I click on name of User it gets to details of that user I have done it with Table but how to do it with…
Navjyot
  • 118
  • 1
  • 11
0
votes
2 answers

ui-grid select all to limit scope to current page

I am looking for an advice on how to proceed and wanted to see if anyone has implemented similar requirement. Please provide some suggestions on the potential approach. I have a angular ui-grid which is changed a little bit to replace OK button…
S.Ram
  • 13
  • 2
  • 6
0
votes
1 answer

Angular UI-grid how to get file size using csv import feature?

I'm using angular ui-grid to create a table. I have enabled the csv import feature, and this is working and is populating the table for me. Here is the issue I'm having: Before I populate the table with the data, I want to verify that the csv file…
kellzerIrl
  • 103
  • 1
  • 10
0
votes
1 answer

Expanding and collpasing specific rows in angular ui grid tree

How can we use expandRow for expanding a particular row in angular ui grid tree view. Can I get an example of this?
user2689798
  • 21
  • 4
0
votes
1 answer

How to make ui-grid column header keyboard navigatable?

For doing some accessibility issues, I need the ui-grid column headers to be keyboard navigatable.
Aliti
  • 2,025
  • 2
  • 27
  • 39
0
votes
1 answer

How do I set up a parent controller with Angular UI-Grid defaults and inherit from it?

I have my default gridOptions in a parent controller. EG: $scope.gridOptions = { rowHeight:50, headerHeight:50, onRegisterApi = function(gridApi,$scope){...} } The child controllers that implement UI-Grids all inherit the…
jbd
  • 413
  • 5
  • 14
1 2 3
…
99 100