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

UI-Grid Single Filter not working with complex data?

I'm using UI-Grid and I have some complex data that I'm trying to apply a filter to using their single filter example. If I use simple selectors, everything works great. The second I try to go one level down into other data within the same node it…
haakon.io
  • 477
  • 6
  • 19
0
votes
0 answers

Can a cell in ui-grid be rendered in two rows if content is too large?

Can angularjs grid be configured such that if content fits it just shows one row, but if content is big it expands to two rows maximum?
josh_boaz
  • 1,963
  • 7
  • 32
  • 69
0
votes
2 answers

How to make angular ui-grid filter support the users typing in spaces?

By default, angular calls trim on inputs. ng-trim was added so that this feature could be disabled. I have a business requirement to filter rows where a column contains a space (" ") if that is what a user types in. However, I don't see any way…
pgreen2
  • 3,601
  • 3
  • 32
  • 59
0
votes
1 answer

Difference between UI GRID and NG GRID

my project requirement is that we only use ui-grid. I understand that ui grid is a just a new version(ng-grid is older and ui-grid is newer). But for pagination , i have written directive that uses ng-class and ng-click.. are this part of ui-grid…
0
votes
0 answers

Fix (Stick) UI Grid column headers when grid's vertical scollbar is disabled

I have disabled UI Grid vertical scroll bar and have just page scroll bar with more than 200 records displayed at a time. But when the page is scrolled the grid headers are not visible on the screen. Also the horizontal scroll bar is present right…
Python Boy
  • 161
  • 1
  • 2
  • 12
0
votes
0 answers

How update angular-ui-grid row with streaming data

I am working on a trading application and am using Angularjs and ui-grid for data blotter. I have to update my grid rows with high frequency streaming data coming from a callback of message queue(callback will not trigger digest cycle of its own).…
Arun13
  • 31
  • 2
0
votes
1 answer

AngularJS ui-grid getting all sorted rows with pagination

I can't find a way to get all the sorted row data in ui-grid when using pagination $scope.gridApi.core.getVisibleRows() only shows what is visible on the page I am on $scope.gridApi.grid.rows contains the original data unsorted Is there anyway to…
ten
  • 29
  • 3
0
votes
2 answers

Prevent column moving/rearranging

I am using UI Grid. I have a plnkr here var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.pinning', 'ui.grid.moveColumns']); app.controller('MainCtrl', ['$scope', '$http', '$log', function ($scope, $http, $log) { $scope.gridOptions…
Temp O'rary
  • 5,366
  • 13
  • 49
  • 109
0
votes
0 answers

check or uncheck a angular ui grid dynamically

This is a UI grid entry for creating a check box dynamically, { field: 'defaultYn', displayName: 'DefaultYn', width: '10%', enableFiltering: false, cellTemplate: '
user630209
  • 1,123
  • 4
  • 42
  • 93
0
votes
1 answer

Setting a class on selected rows after updating cell data

I am doing a batch update on cell data by looping through selected items/rows. I want my rows to have a class added after my batch update to show that they have been modified. Is this possible? I've been trying to manually set edit mode.
steve
  • 21
  • 2
0
votes
1 answer

ui grid height not set correctly

I am using 50px as height of each row in my grid and setting the height using the following logic: $http.get(url) .success(function(data) { $scope.gridOptions.data = data; heightGrid = ($scope.gridOptions.data.length * 50 + 35) +…
Peter
  • 10,492
  • 21
  • 82
  • 132
0
votes
0 answers

find the control by type

I have Angular ui-grid in one of the columns I have used cell template the code is given below cellTemplate: '
' I want to find the input control of type file…
user3048027
  • 387
  • 1
  • 5
  • 24
0
votes
0 answers

Make a new row editable in ui grid

I am using ui-grid. The use-case is such that on clicking a button, a new row is added. I want to make this newly added row editable. i.e. as soon as the row is added, the edit mode is on for at-least the first cell in the row. Any suggestions on…
arnavakhoury
  • 125
  • 1
  • 8
0
votes
0 answers

Angular JS Grid UI - Create buttons based on column Name == "BUTTON"

I am very new to UI development and learning AngularJS. I have some ready-made code where I need to make changes to AngularJS UI Grid. My column names are coming dynamically for grid and whenever there is a column called button, I needed to create…
0
votes
1 answer

Angular UI Grid Multiple Columns Editable At The Same Time

I am using Angular UI Grid and I want to know if it is possible to make multiple fields, on multiple rows 'appear' editable at the same time. From a user perspective it is impossible to tell at a glance which fields are editable. The best I have…
kevindstanley
  • 272
  • 2
  • 6
  • 19
1 2 3
99
100