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

Why does the height of ui-grid changes when I scroll from left to right?

I have been using ui-grid extensively in many projects. But recently when I used it with a large number of columns, I started facing a weird issue. Since there are lot many columns (around 50) so if I scroll from initial state to view the columns on…
Saurabh Tiwari
  • 4,632
  • 9
  • 42
  • 82
1
vote
1 answer

ui-grid: bind output of function fired by $interval to ui-grid

I am working on Angularjs ui grid and I want to refresh the data in the grid every 1 min. Hence I used $interval to fire a function which would fetch the data and the output of he function needs to be bind to the ui-grid. Without the use of…
stack underflow
  • 197
  • 2
  • 5
  • 18
1
vote
1 answer

bootstrap timepicker is hiding behind the grid in ui-grid, Angular Js

I need to show timepicker in ui grid cell. I have implemented it but there is an issue. It works fine for upper cells but for bottom cells some part of timepicker is hiding behind the grid. Here is the…
MMM
  • 31
  • 1
1
vote
1 answer

ng-grid is not displaying all columns on initial load

In my application, I am using ng-grid and I need to display 12 columns and huge data. But the ng-grid is not displaying all columns on initial load. If i do any slight changes to the columns by resizing it's displaying the data. Is there any way to…
Northstar
  • 323
  • 4
  • 16
1
vote
1 answer

How to handle dynamic dropdowns for ui-grid?

I’m trying to add a dropdown to my “Type” column where I can select either x, y, or z. When I select x, y, or z in the dropdown, the checkboxes for the x, y, z columns don’t change. However, when I check the either x,y or z checkboxes, the…
UCDaCode
  • 65
  • 7
1
vote
1 answer

Get only visible columns when selecting a row in angular ui-grid

I want to select a row in angular-ui grid and copy the row to clip board. This is my code: $scope.copySelection = function() { $scope.retainSelection = $scope.gridApi.selection.getSelectedRows(); …
Aasim Hussain Khan
  • 1,137
  • 3
  • 15
  • 33
1
vote
1 answer

Angularjs UI Grid switch column icon

I am use UI Grid to draw a table. Here is UI Grid offical webiste: http://ui-grid.info/docs/#/tutorial/215_treeView Now, I want to switch collapse icon and selectAll icon. By default UI Grid, the collapse is first element, selectAll Icon is second…
Jack.li
  • 55
  • 2
  • 10
1
vote
2 answers

Disable next page on uiGrid

I am using external pagination with ui-grid and angularjs. The server has 70 items mocked at the moment, but I will not know the items count from the server. The pageSize is set to 50. So it should have 2 pages (one with 50 items on it and one with…
Igor Dimchevski
  • 412
  • 3
  • 13
1
vote
0 answers

how can i define local json file using angular ui-grid?

i defined local json but my ui-grid can not fetch data from it! $http.get('complete.json') this plunker: http://plnkr.co/edit/zIhoX3sucw5PaEGmm5bZ?p=preview
Saeed Aliakbari
  • 281
  • 4
  • 20
1
vote
1 answer

How to pass row.entity inside celleditablecondition in UI-grid?

I am trying to set cellEditableCondition based on content of other cell in same row. For that how do I pass row.entity to cellEditableCondition? I tried passing row as arguement to function defined oncellEditableCondition but that row object does…
Akash
  • 33
  • 1
  • 7
1
vote
1 answer

Swapping data on ui-grid take a lot of time

I have one grid and according to some conditions, I have to change the data which comes from the back-end.The first time I load data from the back the grid works fine. When I start switching data the grid displays new data well but stays frozen for…
Trymous
  • 39
  • 5
1
vote
1 answer

How to reset the count display at the bottom of ui-grid

I have a need of filtering the ui-grid data, but not from the native header filters provided by the grid rather on a button click. So on my Filter button's listener I filter my original data array and re-assigning the filtered entries to the…
Saurabh Tiwari
  • 4,632
  • 9
  • 42
  • 82
1
vote
1 answer

How to get the total of a column with a field function?

I'm trying to calculate the column TOTAL where I have field functions. Here's what I have so far: https://plnkr.co/edit/vhstPeg2BYz1oWGGwido?p=preview var app = angular.module('myApp', ['ui.grid']); app.controller('MyCtrl', function($scope)…
UCDaCode
  • 65
  • 7
1
vote
1 answer

How to change the color of dragging tool (or) resizing tool in angular ui-grid?

To add the feature of resizing of the columns in my angular application I used ui.grid.resizeColumns.The problem is the dragging option tool being used in the API is black in color which is not visible on the background color of my grid. Which CSS…
BIndu_Madhav
  • 577
  • 1
  • 8
  • 21
1
vote
1 answer

Using multiple ui-grid , need to edit ui-grid-row class for one grid

I am using multiple ui-grid, wants to edit ui-grid-row class for one grid only. but its reflecting to all. Code I want height of row should be auto for second grid only. I applied CSS as .gridR.ui-grid-row{height: auto!important;} .gridR.ui-grid-row…
cheeku
  • 57
  • 1
  • 10
1 2 3
…
32 33