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

$Scope.$Apply() returns a circular error after loading data into an Angular-Ui-Grid

An example: The code is triggered by this HTML:
This Creates a UI grid: $scope.gridOptions =…
0
votes
1 answer

using expandable Angular js ui grid

I am using Expandable UI Grid. My data is shown in grid which is expanded on click and grid is refreshed every 5 secs. If I expand a row then it is collapsed every 5 seconds as the grid refreshes. How can I maintain the row expansion when the grid…
cheeku
  • 57
  • 1
  • 10
0
votes
1 answer

Angularjs: Sorting not working in ui-grid with CellTemplate data

I am very new to angular ui-grid. I am displaying data using cell template but sorting is not working. I want to sort that particular column using 'username'. Can anyone please help me with this. { field: 'usernameandgender', width: '29%', …
Sairam
  • 35
  • 8
0
votes
1 answer

Components : Late data initialization?

I'm having problem of initializing "elements" in COMPONENTS with data coming from web-request. F.e. (pseudo code) : ....... ctrl = this; ctrl.web_data = []; ctrl.elemOpts = { data : ctrl.web_data } …
sten
  • 7,028
  • 9
  • 41
  • 63
0
votes
1 answer

angular ui-grid how to add filters and data

I have a ui-grid project I am trying for the first time. I am trying to add BOTH my data and my gridOptions. To get the gridOptions to work I need to do
To get the $scope.data to work I…
IWI
  • 1,528
  • 4
  • 27
  • 47
0
votes
1 answer

I can't load angular1 UIgrid if its inside a template of angular 2

I can't seem to load UIGrid of angular1 if its inside the view of angular2. Excample Template: (Inside angular2 template)
Erwin
  • 93
  • 1
  • 2
  • 9
0
votes
4 answers

ui cell template needs dynamic ng style

In angularjs ui grid, I have the cell template as shown below : cellTemplate : "
" Now I need to dynamically change the color class for the cellTemplate i.e.,…
smart987
  • 834
  • 2
  • 14
  • 34
0
votes
1 answer

Angular UI-Grid Awesome Bootstrap Checkboxes not functioning properly

I am working on adding custom CSS styling for my checkboxes via Awesome Bootstrap Checkboxes and have them actually showing up in the grids with them initially being checked or unchecked properly via JSON data being read... the issue is when I go to…
MattE
  • 1,044
  • 1
  • 14
  • 34
0
votes
1 answer

UI Grid Custom Checkbox styling

I am attempting to do some styling with the checkboxes in UI-Grid and it doesn't seem to be working properly. Notice the checkbox is still appearing underneath my styling overlay, and clicking on the 3rd checkbox seems to activate the overlay…
MattE
  • 1,044
  • 1
  • 14
  • 34
0
votes
1 answer

In the angular-ui-grid,how do I use rowSelectionChanged with vm instead of $scope?

I want to use: gridApi.selection.on.rowSelectionChanged(vm, callBackFunction) instead of: gridApi.selection.on.rowSelectionChanged($scope, callBackFunction) When I do it causes an error.
李胤久
  • 1
  • 1
0
votes
0 answers

Selction API not available Angular ui-grid

Im using Angular ui-grid v3.2.9. I simply cannot get access to the selection API. My jade template is: .portfolio-grid(ng-if='!portfolioListComponentVM.refreshing', ui-grid='portfolioListComponentVM.gridOptions', ui-grid-selection,…
Mark
  • 4,428
  • 14
  • 60
  • 116
0
votes
1 answer

Default height issue if height is not given in ui-grid

I have not given any height to ui-grid, but ui-grid takes default height 347px. I have just given ui-grid without any height,
Below is the…
apps
  • 313
  • 1
  • 7
  • 17
0
votes
1 answer

Angular UI-grid filter header cell style?

I'm working Angular UI-Grid, and exactly with filtering. All functions works fine, and now I'm working on styling. What I'm trying to achieve is instead of this view I want to get this view So as you can see I just want to make range filter in…
antonyboom
  • 1,161
  • 2
  • 17
  • 44
0
votes
1 answer

Set cell color in Angular UI grid based on subsequent column value

I'd like to set the color of each ui-grid cell based on the subsequent/previous cell from the same row I added the following to the ColumnDef parameter in the grid object columnDefs: [ {field: 'P1Pin', displayName: 'P1 Pin', width: "25%",…
user1384205
  • 1,231
  • 3
  • 20
  • 39
0
votes
1 answer

Override Ascending Descending functions - ui-grid

I'm using grid view for my reporting view. I need to override functions on Sort Ascending and Sort Descending event. Here is my code for gridOptions. var dynamicColumnDefs = _.map(_.keys(res[0]), function (key) { return {name: key, field: key,…
Gayan
  • 1,425
  • 4
  • 21
  • 41