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
0 answers

angular-ui-grid up-down arrows not displaying for column of type number

When I set my column type to 'number', it does not render the default up/down arrows. It will only allow straight text editing. Is another grid option overriding it? The "Priority" column is the issue in my example. Column with up/down arrows: My…
Justin W
  • 63
  • 1
  • 5
1
vote
1 answer

How can I do column move in ui-grid on tap & hold?

How can I do column move in ui-grid on tap & hold? I am using ui-grid for touch devices, so it requires to move columns by tap & hold on grid column header, is anyone has idea how to overcome this problem.
Mayank Sahu
  • 13
  • 2
1
vote
2 answers

Angular UI-grid edit cell on Click button

I am using Angular along with UI-Grid (http://ui-grid.info/) I have setup the Grid using the options below this.mdGridLogOptions.gridOptions= { enableSorting: false, enableColumnMenus: false, enableAutoFitColumns: false, paginationPageSizes: [25,…
Uma Maheshwaraa
  • 563
  • 2
  • 9
  • 17
1
vote
0 answers

How to use ui-grid with ng-repeat and angular-ui.bootstrap.collapse

I have a table where I use ng-repeat and angular-ui collapse to show data on it. I would like to implement ui-grid, but I'm not even near a solution. Here's a Plunker of my code: https://plnkr.co/edit/mKeRaDv22WzBXjRT67oO?p=preview The html code: …
Tomo
  • 429
  • 1
  • 10
  • 24
1
vote
1 answer

Change the horizontal scrollbar in ui-grid to be on left?

Is there a way I can change the horizontal scroll-bar in ui-grid to be on the left instead of the right? I have scoured the web, and can't find a solution to this.
onmyway
  • 1,435
  • 3
  • 29
  • 53
1
vote
0 answers

Angularjs UI-Grid: Display Elements in Array from an Object

I am having an issue trying to figure out how to get an object with an array to populate a grid column. Example var myArrayOfObjects = [{ foo: "bar" myArray: [{ foo: "bar" }, { bar: "foo" }] }] myObject.myArray is in fact an array with a…
Joseph Freeman
  • 1,644
  • 4
  • 24
  • 43
1
vote
1 answer

setting a editableCellCondition in a ui-grid inside an angular 1.5 component

I am trying to set rows editable/not editable based on a flag in the data. I can get this working outside an angular 1.5 component, but can't seem to access row.entity inside a controller in a component. function memberDisplayCtrl ($scope,…
MRenard
  • 13
  • 5
1
vote
1 answer

EditableCellTemplate ui-grid

I would like to have ng-input of type number in one of the columns in ui-grid. Ideally it would look like this: I accomplished this by using regular cellTemplate, but as I understood proper way is to use editableCellTemplate.Using…
Antea
  • 177
  • 1
  • 4
  • 10
1
vote
1 answer

Protractor Search by row property using by.repeater and evaluate

I'm trying to implement a search by row property using by.repeater and evaluate for e2e with ui-grid. The idea is to map the result from by.repeater to an new object with the underneath object id I get from evaluate and the row so that I can do a…
David
  • 41
  • 3
1
vote
1 answer

Angular ui-grid - want to navigate to next page when down key is pressed on last row of grid

if down key is pressed in last row of grid then I want to naviagate to next page var gridScope = angular.element(document.getElementById("MainWrap")).scope(); gridScope.gridApi.pagination.nextPage(); How to check event of down key in last row of…
Yogesh Singasane
  • 283
  • 3
  • 12
1
vote
2 answers

how to expand - collapse in ui grid Grouping on row click?

I am trying to expand and collapse the grouping on row click as it should work with + and - icons in the ui grid. I am trying to call treeButtonClick(row, $event) from the row template like below. but the function in not triggering. rowTemplate:…
Ravikumar K
  • 85
  • 2
  • 11
1
vote
1 answer

Getting selection on a single row in ui-grid when modifierKeysToMultiSelect: true and multiSelect is true

I have a ui-grid on a page with modifierKeysToMultiSelect: true and $scope.exampleGridOptions.multiSelect = true; I am trying to get the selected row values if only a single row is selected from the grid. I call the…
visamba
  • 174
  • 7
1
vote
3 answers

UI-Grid - How to select records displayed in the current page using selectAll checkbox

In UI-grid "select All" checkbox, when checked, selects all the records which are visible in the current page as well as other pages. Question - Whats the way by which we can select rows which are displayed in the current page…
Yogesh
  • 773
  • 1
  • 8
  • 22
1
vote
1 answer

AngularJS ui-grid, make column editable conditionally

I am using AngularJS 1.5.5 and ui-grid 3.2.6. I have a grid with 5 columns.Col "4" is the only column editable with a dropdownEditor, all the other columns are non editable. What i need is, if the value in col 4 changes, then i need to make column 5…
KB.
  • 29
  • 1
  • 7
1
vote
2 answers

Angular UI Grid FooterCellTemplate not working

I have some problems on my custom footer cell template. As you can see, some of the column footer templates are not showing up, I have identical implementation of footerCellTemplate This is my ui grid columndef: { name: 'TRAN_TYPE', …
Jan Lim
  • 11
  • 1
1 2 3
…
32 33