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

Get the text box value from the UI-Grid onblur

I would like to get the value that is entered in the textbox on blur event in UI-Grid. iam unable to get the value the event is getting triggered but unble to get the logic how to get the text box value. can some help in figure it out. This is the…
vamsi varma
  • 13
  • 2
1
vote
0 answers

Ng-Click of ui-grid cellTemplate inside factory

I'm developing a website for my company, and I'm struggling while trying to trigger a function on cell's value click. I'm using ui-grid and ControllerAs. The function creating the table is inside my controller 'statusController': function…
CleverDev
  • 487
  • 6
  • 14
1
vote
0 answers

Custom Cell Height Across Pinned Columns

I am working on a concept with Angular UI-Grid where we will have several columns pinned to the left and need to customize the height of the cells. I am easily able to modify the height of a cell but find that the height is not applied to the…
Justin Isenhour
  • 11
  • 2
1
vote
0 answers

UI GRID Maintain full width even after user resize column

I have the following grid : UI-GRID I am trying to avoid this problem : So I made a function in order to disable the resize of the last row. const disableLastColumnResize = () => { let size = vm.gridOptions['columnDefs'].length - 1; …
Crocsx
  • 2,534
  • 1
  • 28
  • 50
1
vote
0 answers

uib-dropdown dislocated when using in ui-grid cellTemplate

I want to show a uib-dropdown menu in a ui-grid cell. I've given that and its working fine. But the problem belongs to its position. uib-dropdown opened in cell The shown drop-down menu is of the first row. The menu for the 2nd row will be shown…
Sayas Khan
  • 21
  • 5
1
vote
2 answers

Angular dynamic template rendering like ui grid cell template (template declared in colDefs of parent)

Angular (7) dynamic template (ng-template) rendering like ui grid cell template (template declared in colDefs of parent); I tried in so many ways since more than 30 days, watched ng-template rendering videos, articles, but could'not find any…
Gopala Raja Naika
  • 2,321
  • 23
  • 18
1
vote
1 answer

How to combine two filtered ui grids into one

I am using angularjs ui grid api. I have created a single html input tag to apply a filter to all columns based on the users input. I want to filter each column then combine the results into a single ui grid I have tried to loop through each column…
user8685657
  • 13
  • 4
1
vote
0 answers

ui grid show hyperlink on export excel cell

I want to change this var cell = { v: value, s: {alignment: {horizontal:"left"}} }; to add hyperlink formula on 'value' like this `{ formula:'HYPERLINK("' + mainhyperlinkurl + '","Download.Zip")' };` In the below…
Atul Thakre
  • 502
  • 3
  • 8
  • 24
1
vote
2 answers

How to call a function from cell template in ui-grid in angularjs?

I have one controller in angularJs(1.6) which is using ui-grid. Problem is there is one cell template. I want to get its value from a function. I have tried creating a function and tried to call it using grid.appScope.function. But it did not…
Anubha Gupta
  • 189
  • 2
  • 17
1
vote
1 answer

AngularJs ui-grid onRowSelectionChanged is not updating variable value, always it has default value

it worked fine last time i check(two or three months ago) their is a variable called with the default boolean value false like below. $scope.IsRowSelected = false; And i should mention when the debugger runs on first time value set as true. But it…
Tharindu Dissanayaka
  • 11
  • 3
1
vote
1 answer

Hide ui-grid columns when windows becomes smaller

Is it possible to hide certain ui-grid columns if window as well as ui-grid becomes smaller? I want to set some priority which columns should remain visible when window becomes smaller and which are not as important. These should be hidden so other…
LazioTibijczyk
  • 1,701
  • 21
  • 48
1
vote
0 answers

ui-grid gridApi undefined

In my application i have the ui-grid with infinite scroll. I include the libraries on my App and declare it. var TestApp = angular.module('TestApp', [ 'angucomplete-alt', 'ngRoute', 'infinite-scroll',…
Bonci Marco
  • 301
  • 2
  • 5
  • 17
1
vote
0 answers

Implement UI-GRID angular on spring mvc view

I'm trying to implement UI-GRID for the very fisrt time but having some problems on it, I've seen some basic tutorials to implement it but I can get to do it, I'm using an HTML file as view (also using Thymeleaf, JS and jQuery), on Spring mvc, would…
daniel hernandez
  • 13
  • 4
1
vote
1 answer

how to apply pagination.js with ui-grid

At the moment, I can successfully display the pagination controller, but I have a situation where when I click on the next page my uigrid table does not change the content immediately, and it only changes when I mouse over the table. (the…
Etienne-qwer
  • 38
  • 3
1
vote
1 answer

ui-grid implement show div on-mousehover on the row

I have just seen this new thing in GMAIL, where few buttons appear on row mouseover. Here's the image of the same. I am using angularjs with ui-grid plugin for grid purposes. Is there a way I can implement the same in my project. Please, if…
Steve
  • 522
  • 3
  • 12
  • 28
1 2 3
…
32 33