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
22
votes
8 answers

How to include ui-grid font files into the project

I have been stuck with anjularjs ui-grid, it's showing some Chinese symbols in place of icons. After digging about it I get to know I have to use some font-files provided by ui-grid team, I downloaded the files and included them into my project but…
irfan shafi
  • 524
  • 1
  • 6
  • 21
21
votes
3 answers

formatting date angularjs ui-grid

I am trying to change the way date is being displayed. the data is coming as string with the format "Sun May 03 18:04:41 2009" i looked at the examples, and they were asking me to use $scope.gridOptions = { data: 'mydata', enableRowSelection:…
myTD
  • 1,459
  • 4
  • 17
  • 30
21
votes
5 answers

How to color row on specific value in angular-ui-grid?

I'm trying to color a row depending on it's value in the new angular-ui-grid 3.0 rc12 but I haven't been able to. The following code used to work in the previous version (ngGrid): $scope.gridOptions = data: 'data.sites' tabIndex: -1 …
tebanep
  • 625
  • 1
  • 9
  • 11
20
votes
4 answers

Angular UI Grid: How to create a pre-populated dropdown menu for column filtering

I am looking for some help regarding a feature of the Angular UI Grid. Specifically I am exploring filtering and while I was able to successfully implement sorting using free form text field(s) in my application as they do in the example on their…
laurenOlga
  • 721
  • 2
  • 10
  • 21
20
votes
3 answers

Angularjs ui-grid Filter from text input field

Maybe somebody can help me with a little problem. I am pretty new in the field of web programming, but I have programming experience. I would like to develop a small website that uses angularjs and ui-grid. Unfortunately the filtering is not…
cojack20
  • 403
  • 1
  • 5
  • 13
20
votes
4 answers

How do I download the Angular UI Grid?

I can't believe I have to ask this, but how do I download the Angular UI Grid? From http://ui-grid.info/: After, I click the Download button (above), I get taken here: Now what? I don't see a download button. I'm not sure what to do. Somebody…
Bob Horn
  • 33,387
  • 34
  • 113
  • 219
18
votes
4 answers

Change angular ui-grid's columns visibility

I want to show/hide columns after the grid is rendered. Before i moved to the new ui-grid I called to toggleVisible() but now it doesn't seem to work. I tried to change the column def visibility(or any other property) like bellow…
UshaP
  • 1,271
  • 2
  • 18
  • 32
17
votes
3 answers

Cannot read property 'selection' of undefined

I'm using ui-grid. But I cannot get the $scope.gridApi from download function. And get the error: Cannot read property 'selection' of undefined. Somebody can tell me the reason? thanks. $scope.gridOptions.onRegisterApi = function (gridApi) { …
Charles
  • 171
  • 1
  • 1
  • 4
17
votes
3 answers

angular ui-grid event: row selected

I am trying to enable/disable a button based on the selection of a row on a ui-grid. If there are no rows selected, the button is disabled. I found this plunkr with the old ng-grid way of firing an event after a row is selected. …
Pablo
  • 2,054
  • 8
  • 30
  • 56
17
votes
3 answers

Angular UI Grid space between capital letters in header

When I use multiple capital letters in the header cells (e.g. GPRS) they automatically get separated by spaces (G P R S). This gets particularly annoying when I have two words (GPRS Signal is displayed as G P R S Signal) or two acronyms (GPRS EDGE…
Cox Szg
  • 245
  • 1
  • 5
  • 11
16
votes
4 answers

Angular UI Grid click row

I have a list of items in an Angular UI Grid. When I click a row, I want to be taken to a different page. (In other words, each row in the grid will be a link.) I imagine this must be a very common desire, although I haven't really seen any…
Jason Swett
  • 43,526
  • 67
  • 220
  • 351
15
votes
4 answers

angular ui grid save and restore state

I need to know how to implement save and restore state in angularui grid without using any buttons. I need to save the state automatically when ever we do any changes in the grid. We have to auto restore the saved state also. Even if we refresh the…
15
votes
12 answers

How to auto size column width in AngularJS ui-grid

In AngularJS ui-grid , how can I configure the grid so that it can auto adjust the width of the columns according to the contents when it render? I know there is a tutorial showing the auto size function, but that works only when you double click…
Tony
  • 1,405
  • 3
  • 20
  • 31
15
votes
1 answer

AngularJS ui-grid- To show 'No Data Available' when the response contains empty array

I want to show 'No Data Available' in ui-Grid 3.0, if the response from the ajax contains empty json data array i.e.; data = {"data": []}; And now if i do - $scope.gridOptions.data = data.data; 'No Data Available' must come in ui-Grid. What is…
Aditya Khajuria
  • 351
  • 1
  • 7
  • 19
15
votes
6 answers

Format a ui-grid grid column as currency (RC 3.0)

The grid options below display the data as expected. But If I try to to format the row.entity[col.field] value in my cellTemplate, I don't get any data returned. Code: $scope.gridOptions = { enableSorting: true, columnDefs: [ {name:…
dmalikyar
  • 193
  • 1
  • 1
  • 6