Stack Overflow
Stack Overflow

Questions tagged [angular-ui-grid]

angular-ui-grid is a datagrid written in AngularJS by the AngularUI Team. This is the 3.x version of the former ng-grid. It is a high-performant datagrid using virtualization for rendering rows and really shines when you have lots of rows.

UI Grid is a datagrid written in by the AngularUI Team, no jQuery.

It is a high-performant datagrid using virtualization for rendering rows and really shines when you have lots of rows.

1895 questions
284
votes
11 answers

Best way to represent a Grid or Table in AngularJS with Bootstrap 3?

I am creating an App with AngularJS and Bootstrap 3. I want to show a table/grid with thousands of rows. What is the best available control for AngularJS & Bootstrap with features like Sorting, Searching, Pagination etc.
Rahat Khanna
  • 4,570
  • 5
  • 20
  • 31
44
votes
8 answers

Angular ui-grid dynamically calculate height of the grid

I am using : https://github.com/angular-ui/ui-grid.info/tree/gh-pages/release/3.0.0-RC.18
When I hard code the value, as shown above, the grid spreads out and everything works as…
Lachezar Raychev
  • 2,113
  • 4
  • 24
  • 34
41
votes
1 answer

AngularJS : How to access scope from ui-grid cell template?

How does one access $scope from a ui-grid cell template? Here's my controller code: app.controller('MainCtrl', ['$scope', function ($scope) { // i want to reference this from a cell template. $scope.world = function() { return 'world'; }; …
tenfour
  • 36,141
  • 15
  • 83
  • 142
40
votes
3 answers

Angular UI Grid 'gridApi.infiniteScroll.on.needLoadMoreData' doesn't work with changes in data

I am using angular-ui-grid 3.2.5 Scrolling with gridApi.infiniteScroll.on.needLoadMoreData($scope, $scope.getDataDown) is working well, but when we are pushing new data when data changes in grid via $scope.$watch('data', updateGrid), then on the end…
user7043185
  • 401
  • 3
  • 4
37
votes
4 answers

Where can I get Angular ui-grid selected items

Testing out Angular ui-grid (ng-grid v.3.0). Can not for the life of me find the selected row. I just want to grab the rows or even row ID of row when a user clicks it. Found the top comment here but I think this is outdated: Getting select rows…
Mlalahoi
  • 1,660
  • 2
  • 13
  • 11
36
votes
10 answers

ui-grid symbols issue

I am using AngularJs ui-grid http://ui-grid.info/. While implementing, I get something which you can see in the following img in right corner of the cell instead of dropdown symbols. Which files to include to solve this bug?
Anup
  • 9,396
  • 16
  • 74
  • 138
33
votes
3 answers

ag-grid vs slick-grid vs angular-grid which is better?

Recently we thought to change our current grid tool. Currently we're using kendo-ui for grid and all. After searching we came with 3 results. But, still we're not sure which is better and why in future run. While using kendo we missed having…
Sumit Khanduri
  • 3,619
  • 7
  • 30
  • 40
28
votes
4 answers

Remove sorting menu from ui-grid column header

I created ui-grid that has three columns, by default, the column header have a 'v' shaped icon (marked in red circle in the image) : Here the code and the plunker: var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.expandable',…
Michael
  • 13,950
  • 57
  • 145
  • 288
28
votes
3 answers

How to use refresh method in ui-grid?

I am trying to update visibility option in the columDefs of my ui-grid. After updating the value I need to refresh my ui-grid. What is the way to refresh my grid from my controller?
orikoko
  • 881
  • 5
  • 15
  • 26
28
votes
3 answers

Ng-grid vs. ui-grid

I looked at the angular-ui modules because I need to implement a grid. I saw that there is the stable ng-grid and the unstable version ui-grid. Which version should I use? Are they very different or hard to switch?
einav
  • 599
  • 3
  • 8
  • 15
27
votes
3 answers

Using ui-grid constants to disable scrollbars

With the latest version of ui-grid (v3.0.0-rc.16) it is possible to turn the horizontal and vertical scrollbar off seperately. I got this working by exchanging $scope.gridOptions.enableScrollbars =…
nabinca
  • 2,002
  • 1
  • 18
  • 29
26
votes
2 answers

Angular UI Grid Scroll Error

I am using ui grid 3.0.6. Until yesterday it was working fine. But there is a problem in Google chrome now.(Version 56.0.2924.87) When I scroll the grid, or click on scroll down arrow it starts scrolling very fast. Couldn't control the speed. It was…
user2644503
  • 1,553
  • 1
  • 13
  • 11
25
votes
3 answers

Hide horizontal scrollbar (Angular ui-grid)

I'm trying to hide the horizontal scrollbar of a Angular ui-grid, but I can't find the right property. (Property enableScrollbars=false removes both.) Is it possible to remove only the horizontal scrollbar?
Andreas N.
  • 723
  • 1
  • 7
  • 13
23
votes
4 answers

Action Button in Angular UI Grid 3.x version

I am trying to render a simple table using Angular UI Grid (unstable version). Against each row I need a button when clicked should be handled in my parent controller. Plunker Javascript:- angular.module("app", ['ui.grid', 'ui.grid.edit',…
Kumar Sambhav
  • 7,503
  • 15
  • 63
  • 86
23
votes
4 answers

How to change height of ui-grid row?

I am using ui-grid. I have a lot of rows and that is why I use scrolling. Everything works perfectly ok until I try to change the height of the rows. Then the scrolling becomes a mess. I have added an example here…
Pavel Nikolov
  • 9,401
  • 5
  • 43
  • 55
1
2 3
…
99 100