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
3
votes
1 answer

How to make ui-grid responsive with the height in AngularJS

I'm trying to make my grid responsive, not for mobile, just for when a user resize the window. I'm using the ui-grid auto resize, but it only resizes the width. The height doesn't change. I've tried to add a directive app.directive('resize',…
galiolio
  • 275
  • 3
  • 19
3
votes
3 answers

ui-grid not displaying complete numbers of row provided to it

I have been using ui-grid for some time now. Recently I encountered a issue with the grid wherein if I pass a slightly large set of data (say 50 rows), the grid do not display them all. When I debug and look for my $scope.gridOption.data object it…
Saurabh Tiwari
  • 4,632
  • 9
  • 42
  • 82
3
votes
1 answer

AngularJS ui-grid row select limit

I want to limit the selection in my ui-grid to 10. In my gridOptions I do onRegisterApi: function (gridApi) { $scope.gridApi = gridApi; gridApi.selection.on.rowSelectionChanged($scope, function (row) { $scope.rowsSelected =…
marrrschine
  • 622
  • 2
  • 10
  • 21
3
votes
2 answers

cellClass is not working for angular ui grid

Here is my code: for (var i = 0; i < gridData.length; i++) { var currentData = gridData $.each(currentData, function(key, value) { if (!angular.isFunction(value)) { $scope.columnDefs.push({ name :…
shadowhunter_077
  • 454
  • 1
  • 6
  • 13
3
votes
0 answers

Apache POI vs JS XLS - What's the best for an Excel Sheet driven application?

I'm developing an Excel Sheet driven application. All the data must be retrieved from an specific and default Excel Sheet that will contain new rows and alterations in existing rows. I need to merge specific columns with the existing data, and…
Radec
  • 65
  • 9
3
votes
1 answer

Angular UI-Grid Support for BootStrap Popover?

I'm trying to dig into the API of Angular UI-Grid in order to make sure I achieve the Bootstrap Popover for my cell header. I've been seeing all around but couldn't find any solution. Something like this - plnkr.co/edit/UJJttN I'm also trying to…
Sidd Thota
  • 2,040
  • 1
  • 20
  • 24
2
votes
1 answer

How to auto resize width of ui-grid with a flex layout

I'm trying to make the auto-resize directive work but i have an unexpected behavior when the width of the container is shrinking. The ui-grid is not shrinking (it works on expand). Here is a plunker of my app layout with the problem i'm facing…
Tom
  • 133
  • 2
  • 11
2
votes
1 answer

Copy the row data on clipboard on select of a row in Angular UI-Grid

I have the requirement of copying the whole row data on clipboard on just select/click of a row. I'm sharing the plunker URL where I'm only able to copy the cell text - http://plnkr.co/edit/EVrB5Ib9ZuqhbAMsV9Eg?p=preview Pseduo Code for Grid Options…
Piyush Upadhyay
  • 427
  • 4
  • 12
2
votes
0 answers

ui-grid enableCellEditOnFocus scroll problem

I have a ui-grid with scope.gridOptions = {enableCellEditOnFocus = true} and about 100 rows and a vertical scroll bar. If I focus a cell it will enter edit mode, and if I then scroll the grid, it will exit edit mode again, which I guess is expected…
Masterchief
  • 107
  • 3
  • 8
2
votes
0 answers

Render dynamic interpolation in angular 2/7 (like rendering cellTemplate in ui grid)

want use a cell templates for my dynamic data table in angular 7 like ui grid cell template. kindly anybody help me cell template: sampleCellTemplate =…
Gopala raja naika
  • 17
  • 3
2
votes
1 answer

angularjs ui-grid can't move column if using headerCellTemplate

I have a column with action buttons that uses custom cell and header template colDef looks like this: {name: 'custom', headerCellTemplate: actionHeader, cellTemplate: actionCell, enableFiltering: false, enableSorting: false, enableColumnMenu:…
Sylwester Bzdyl
  • 21
  • 2
2
votes
2 answers

Why does ui-grid pagination look so crooked?

This is my current code: var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.pagination']); app.controller('MainCtrl', [ '$scope', '$http', 'uiGridConstants', function($scope, $http, uiGridConstants) { var paginationOptions =…
DanStopka
  • 535
  • 5
  • 22
2
votes
0 answers

UI Grid scroll to focus is not working on newly added row when placed at bottom of the grid

Scroll to focus is not working on a newly added row when the new item is added to the bottom of the table. https://github.com/angular-ui/ui-grid/issues/5325 discusses this issue. The plnkr link http://plnkr.co/edit/OSbiB5C0RDPsqXJV0yjy?p=preview…
Anand MP
  • 121
  • 1
  • 2
  • 13
2
votes
0 answers

Creating a custom editor directive in ui-grid for localization

I'm creating an application that uses ui-grid which has to support IE 11. Localization worked fine, except when editing numerical cells (the decimal separator doesn't change). I read that the way to solve this is creating a custom editor directive.…
Augusto Dias Noronha
  • 854
  • 2
  • 11
  • 20
2
votes
1 answer

ui grid 400 error in chrome dev tools when loading image in celltemplate

Has anyone seen this problem and know what's going on? If you load this with chrome dev tools open you will see a 400 error ( Bad Request ) http://plnkr.co/edit/fRhBgC4SmPYL8udb007y?p=preview The problem appears when you use an row.entity.imgurl…
kiev
  • 2,040
  • 9
  • 32
  • 54
1
2
3
…
32 33