Stack Overflow
Stack Overflow

Questions tagged [ui-grid]

For questions related to data grid module for AngularJS which is part of AngularUI.

should be used for questions related to data grid module for which is part of

Usage

<div ng-controller="MainCtrl">
  <div ui-grid="{ data: myData }" class="myGrid"></div>
</div>

References

483 questions
1
vote
1 answer

Angular ui-grid filtering after data refresh

We are using Angular ui-grid in our project. We have a grid in our project, that uses filtering (both using drop-downs and free-form text). Once the grid is refreshed and new data is got, we could see that the filtering values are not touched.…
Udaya Bhanu
  • 11
  • 2
1
vote
1 answer

Angular ui-grid auto height not working

I am using angular ui-grid for show records. I have a product which has only 7 records, and another product which has 200 records. By default max row are selected to 20 when records are greater than 20, when records are less than 20 grid will auto…
Mangrio
  • 1,000
  • 19
  • 41
1
vote
1 answer

how to get row index in cellTemplate of angular ui-grid

ng-click="grid.appScope.selectItem($event,row.entity.$index);" i want to pass row index through this function. Even if i tried with $index,$parent.$index. I am unable to get the index.
Akhil
  • 443
  • 1
  • 9
  • 29
1
vote
1 answer

Error: [$injector:modulerr] Failed to instantiate module ui.grid due to(Angularjs)

I need a table for my Angularjs application so trying to use UI grid from http://ui-grid.info/docs/#!/tutorial/101_intro but something goes wrong and console show such an error: Uncaught Error: [$injector:modulerr] Failed to instantiate module…
Vladyslav Plakhuta
  • 1,379
  • 2
  • 10
  • 15
1
vote
1 answer

How to Select a row in UIGrid on page loading?

I want to select a row in UI grid on page loading. I tried this code but I've got a error; TypeError: newRawData.forEach is not a function $scope.deviceGrid = { data:'deviceDetails', enableRowSelection: true, enableRowHeaderSelection: false,…
Tharuka
  • 117
  • 2
  • 14
1
vote
1 answer

ng-click event for the expandable template in ui-grid

ng-click event for the expandable template in ui-grid(expandable ui grid) is not working. But I don’t know how to bind the expandable template events. what if i am not using subgrid and just an expanded template with this buttons how can i access…
developer
  • 125
  • 1
  • 11
1
vote
0 answers

angularjs and uiGrid

I have problem in using ui-grid with components in angularjs version > 1.5. Can someone help me to give me a method to do that? Because I don't use scope and in the documentation of ui-grid is for angular last than 1.5 I tried this code and doesn't…
developer
  • 125
  • 1
  • 11
1
vote
1 answer

How to add a new row with custom cell Template on button click in to an existing grid

var nameTemplate = "" function templateFunction() { if ($scope.useBindScript === true) { nameTemplate = '
'; } else { nameTemplate = '
ppb20
  • 11
  • 3
1
vote
2 answers

How to Select a Single Row with ui-grid?

I'm working with university project. I have working REST API with spring boot and a angularJs front end. this is my working part of the angularJs. HomeService.js this.getDeviceList = function getDeviceList(){ return $http.get(REST_SERVICE_URI +…
Tharuka
  • 117
  • 2
  • 14
1
vote
0 answers

ui-grid 4.2.0 Compatible with Angular 1.4.9?

I'm using Angular 1.4.5 in my project. I updated my ui-grid version from 3.2.9 to 4.2.0. Now i'm getting the following note during bower update: Please note that, angular-animate#1.4.9, angular-mocks#1.4.9, angular-sanitize#1.4.9,…
user2622344
  • 956
  • 1
  • 10
  • 26
1
vote
1 answer

angular UI-Grid - How to change the color of the Cell based on the value

I am new to Angular and UI Grid I am trying to color the cell of the UI Grid when a particular value is been displayed for that purpose I am using the cellcalss property in columndef of GridOptions $scope.gridOptions = { …
Rajesh
  • 1,600
  • 5
  • 33
  • 59
1
vote
1 answer

ui-grid export pdf column get cut

I use ui-grid export pdf , but the last column always get cut in half. No matter what page size I set. I search around, some one said, set exporterPdfOrientation: 'landscape', at $scope.gridOptions = { ... exporterPdfOrientation: 'landscape',…
hoogw
  • 4,982
  • 1
  • 37
  • 33
1
vote
1 answer

Autocomplete suggestions on angular ui grid filter

I am stuck on a task where I have to implement autocomplete suggestion list on filter input box for different columns. I am using angular ui-grid - v3.0.0, I did search for solutions but didn't find any good solution. I found an example for Kendo-UI…
Puneet Gupta
  • 81
  • 6
1
vote
1 answer

Angular ui-grid adding new row dynamically

I am having a problem with the newly added row. It inherit the row in the grid (the buttons and behavior). The code is working adding a new row but I want a new row with the behavior in the AddOverride() function. Like a button with save and cancel…
Glenn Chua
  • 35
  • 1
  • 5
1
vote
1 answer

Angularjs ui-grid whole row editable at same time error

Using ui-grid with AngularJs I am trying to make whole row editable but getting error in it. Please check the plnkr link where I did whole coding and let me know what I did wrong.for plnkr link click here Below is the error which I am getting. I…
Sahil
  • 75
  • 7
1 2 3
…
32 33