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

Ui-Grid Not Displaying (at all)

I'm using AngularJS. The controller is functioning; I can call functions and values from it via my view. I can assign values to my gridOptions.data without console error. I can define other properties for gridOptions without conosole error. But the…
Ranger
  • 1,139
  • 1
  • 13
  • 34
0
votes
1 answer

Select ui grid 2 row when ui grid 1 row is selected(vice versa)

I have two grids with same data. My aim is to when a row is selected in one grid, corresponding row in another grid also gets selected. Plunker: http://plnkr.co/edit/BBfMxvsv0OUsjiqblBJQ?p=preview I'm getting selected grid like this: onRegisterApi:…
Naishav Mehta
  • 306
  • 1
  • 2
  • 14
0
votes
1 answer

UI grid unable to get selected rows in case of 2 grids(same grid repeated twice)

I have created two ui grids on the same html(both are same). I'm trying to get selected row on click of submit button. I'm able to get selected row for second grid but not able to get it for the first grid. I'm getting selected rows like this: …
Naishav Mehta
  • 306
  • 1
  • 2
  • 14
0
votes
1 answer

AngularJS UI Grid and Popover alignment

Hi I'm adding a popover to UI grid in AngularJS. The idea is when the user mouse-over a row a popover will show up, and the popover contains a directive. I've successfully implemented this part, but now the problem is that part of the popover is…
richards
  • 517
  • 9
  • 27
0
votes
2 answers

Handling angularjs ui grid cell template ng-click function for var ctrl = this syntax in the controller

I have the following columnDefs for my angularjs ui grid : ctrl.temporaryRegGridOptions.columnDefs = [ { field: 'firstName', 'displayName': 'First / Company Name', cellTemplate: '
Madasu K
  • 1,813
  • 2
  • 38
  • 72
0
votes
0 answers

Angular UI Grid change orientation to horizontal?

I am not sure if I need to change the grid templates or if there is a regular way: I want a horizontal grid with 20 items. The grid dont need horizontal scrollig because the pagination is below. Each item should have the same fix size. Each item…
Chris
  • 159
  • 1
  • 13
0
votes
1 answer

Export to pdf not showing columns morethan 5 in angularjs uigrid

i want to generate pdf but columns are exceeding the table border,i may get morethan 5 columns till 15 columns, so is their any way to do this so that i get all 15 columns in one sheet pdf, and i gave exporterPdfOrientation: 'portrait', …
0
votes
0 answers

Conditional Angular JS Grid Cell coloring

I have an UI Grid that renders a list of records. The input model class looks like : public class GroupMembershipUploadInput { public string chpt_cd {get;set;} public string cnst_mstr_id {get;set;} public string cnst_prefix_nm…
StrugglingCoder
  • 4,781
  • 16
  • 69
  • 103
0
votes
1 answer

How to pass a row field value to 'enableCellEdit' attribute?

In Angular UI-Grid table, I have one date column (referenceDate) which I want to enable/disable edit based of a flag called 'allowed' which is part of the row value. How to pass this row value in 'enableCellEdit' attribute ? Here is my code…
Jay
  • 9,189
  • 12
  • 56
  • 96
0
votes
1 answer

Cannot get right value when use external scope function in angular-ui-grid

I am using angularjs 1.4.9 and ui-grid 3.1.1 I have used external scope (grid.appScope) to access a function to get value from a cell in grid but I can not get the right value. The plunker: plnkr.co/edit/f0c24q5w9Fbx9ap1XUG7?p=preview If we click on…
Envy
  • 510
  • 6
  • 19
0
votes
3 answers

export data with chinese to CSV

I am trying to export data containing chinese(some non-english characters for that matter) from ui-grid to pdf or CSV. However the exported text is all garbled. Here is the plnkr link http://plnkr.co/edit/ZR34lhm3LUNmUrj7Vg23?p=preview I understand…
Angry Samurai
  • 66
  • 2
  • 7
0
votes
0 answers

UI-Grid 3.1.1 cell editing boolean not responding to spacebar

I've had the grid setup for a bit, not sure what I did, but the ability to check the box in the cell editing has stopped working but only on checkboxes. I used Brian Hahn's method of building out select boxes and the like. I've tried this again…
Wes
  • 172
  • 11
0
votes
1 answer

How to add two controls s in one column of ui grid angularjs

Kindly let me know how to add two controls in one column of AngularJS ui-grid table. We have requirement to have two controls in one. Don't know how to achieve this. Thanks and regards, Arti
Aarti
  • 1
0
votes
0 answers

How to change header text in ui-grid when the cell is too small

Is it possible in any way to change the header text when the size of the grid is too small to display it all? At this time I have it use an ellipsis when it's too small, but I would like to use different text (in this particular case the first two…
Billy
  • 1,104
  • 8
  • 22
0
votes
1 answer

need popover over custom template cell of Angularjs ui grid

I am using Angularjs ui grid with progress bar in first column and my grid options are shown below : ctrl.gridOptions = {}; ctrl.gridOptions.columnDefs = [{ field: 'completeStatus', cellTemplate:…
Madasu K
  • 1,813
  • 2
  • 38
  • 72