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.
2
votes
0answers
43 views
Angular UI Grid conditional row expand
I'm using Angular UI Grid and the ui-grid-expandable plugin.
Is there a way to decide for each row, if the expand button (+) is displayed?
By default it is always displayed, no matter if there is ...
2
votes
0answers
103 views
How to acces sorted, paged and filtered data from a UIGrid
I want to access all the currently filtered and sorted rows even if they are hidden in different pages.
The line below works as long as I'm not using pagination
...
2
votes
0answers
122 views
Duplicate Dependencies between Bower and NPM
I'm attempting to use ui-grid in an Angular project by installing it with Bower and using Debowerify and Browserify within Gulp to package it all up into one monolith js file.
We already have Angular ...
2
votes
0answers
326 views
ui-grid remove selected row not working
When I try to remove selected row in ng-grid the removed rows are still shown in UI.
My grid option is
$scope.gridOptions = {
data: 'myData',
multiSelect: true,
displaySelectionCheckbox: ...
2
votes
0answers
147 views
External ui-grid-menu-button
I want to separate ui-grid-menu-button from the ui-grid-menu. So my select columns button will be in another place.
I tried to put a watch on the toggleMenu function and in a click on my button it ...
1
vote
0answers
7 views
Is it possible to include the expandable rows in exports?
I have a ui-grid that I export to pdf. The export process works great. I recently added sub rows that can be expanded. These expandable rows are not included in the export. Is there a way to include ...
1
vote
0answers
15 views
How to detect unsave changes and show warning message of previous row in angular ui grid
The scenario is My UI has the grid table on the top and edit row on the bottom. If the user clicks on row1 for example then the information of row1 is displayed on the bottom as form controls. User ...
1
vote
0answers
27 views
Clear all filters remove the custom filter options
When I click the clear all filters option from the table menu, filter data gets cleared and worked fine, but it has cleared the custom filter option I have added for two column fields. After then, ...
1
vote
0answers
33 views
Values after decimal point not coming while exporting if it's zero
angular-ui-grid version v3.0.0-rc.22-e8fe073
I am using angularjs currency filter with my custom filter. Please find below filter definition:
...
1
vote
0answers
63 views
Angular ui-grid not updating
I have an Angular template with a textbox, a button and a ui-grid to display the items added:
<form name="frmNewPlace" ng-submit="newPlace()">
<div class="sectionTitle">Add a new ...
1
vote
0answers
42 views
Automate AngularJS UI-Grid using UFT
I want to know if anyone tried automating the UI-Grid earlier named as NG-Grid using UFT.
I am using UFT 12.02 patch 2 version and when I spy on grids in my application which is using UI-Grid, it ...
1
vote
0answers
57 views
Validate cell value ui-grid
I am trying to validate a value of an editable cell in ui grid, for example making sure that a password value is filled. I am using the event afterCellEdit setting the password value to the old value ...
1
vote
0answers
49 views
Multiple Grids using ngIf and ngRepeat will not update pagination controls and footer from server side paging
We have an issue we are facing where we have tabs of grids and different gridOptions per grid. When tabbing from grid to grid, the data updates correctly, but the footer does not update the total ...
1
vote
0answers
173 views
Angular UI Grid auto complete bug
I am using AngularJs and ui-grid, and in my grid I am using auto-complete within the Name Column; said that ui-grid-cellNav is enabled for cell navigation, my problem is when I am pressing arrow up ...
1
vote
0answers
145 views
Filter data on cellFilter columns
I am using type:'date', cellFilter: 'date:"dd.MMM.yy"' in column definition of date fields. The actual received date is in YYYY-MM-DD format. Please find attached screenshots.
cellFilter applies very ...
1
vote
0answers
46 views
How to style aggregate rows in ui-grid 3.x
I have a ui-grid using grouping, and defining custom tree aggregation and finalizer functions, very similar to this tutorial:
http://ui-grid.info/docs/#/tutorial/320_complex_grouping
I want to apply ...
1
vote
0answers
335 views
Angular-ui-grid : Disable on-click sort for the header cells
I want to disable the sort for on-click event of the header cell and the sort option should only be available in the header drop down menu. I have tried using enableSorting property to disable to sort ...
1
vote
0answers
158 views
UI-Grid 3.0 E2E protractor testing
I'm trying to perform a select row on my E2E test so that I can see if one of my buttons is working when a row is selected. My test gets to the page but when I try to selectRow it gives me an error. ...
1
vote
0answers
160 views
ui-grid edit mode with textarea
I have a ui-grid and one of the fields is editable. I have set the editableCellTemplate to be an html that has a TEXTAREA. There are 2 issues. Issue 1 is that I have set the textarea to show 4 rows ...
1
vote
0answers
139 views
How to sort the grouped rows in AngularJS ui-grid?
How can I sort the grouped rows in AngularJS ui-grid?
Like in the official grouping tutorial, in the demo grid, if I were to sort the balance column ascending, none of the grouped rows would change, ...
1
vote
0answers
483 views
angular ui-grid expandable table is extremely buggy or just me?
I am following the tutorials line for line, I can't provide snippets or screen shots because its work related and our machines have no internet sorry ><
anyways, Ill try to explain. Lets say I ...
1
vote
0answers
192 views
Best way to filter on empty values with angular-ui-grid?
I'd like to offer my users the ability of showing only rows with empty values for a specific column. What would be the best approach?
I came up with this solution which feels hacky to me, reusing the ...
1
vote
0answers
214 views
AngularJS : UI-Grid changing sub grid as per parent grid
in my case if a column is moved or pinned same changes should reflect in sub grid also.I have written a function for this which changes the properties in subgrid as per parent but not able to find any ...
1
vote
0answers
359 views
Notify change of angular service in function when function defined as property
I've written a cool function in angular-ui ui-grid which applies a dynamic class to rows in the column, depending on the value in that column. I am 98.5% done, but in software that last 1.5% is always ...
1
vote
0answers
309 views
How can I bind a directive to a column cell in angular-ui-grid?
First, this is what I'm trying to do: I am using ngResource to grab an array of data from an API and setting the ui-grid's data to the array. One of the columns is an ID that has no meaning to the ...
1
vote
0answers
1k views
how do you get drag and drop reordering to work in the new ui-grid?
I'm using the new new Angular ui-grid and can't get drag and drop reordering of rows working. I've used
enableRowReordering: true
in my gridOptions but that appears to do nothing. I can't find ...
1
vote
0answers
91 views
Debugging with angular
Is there a way to break and look at the $scope variable while Angular is evaluating an ng-change event?
I have the following as part of the custom footerCellTemplate I'm using with UI-grid:
...
1
vote
0answers
188 views
How to use ng-click directive in column header of “ui-grid” in angularJs
I am using ui-grid directive to display results,
In column header i am using headerCellTemplate to apply ng-click directive, I am calling simple sort_sq() , which should invoke a alert box.
But the ...
0
votes
0answers
7 views
Dropdown in a celltemplate in AngularJS ui-grid
I have a grid and in 1 column am only getting 2 values. Either closed or Open. currently it is a normal grid so the user can enter any value. I want to force the user in selecting either Open or ...
0
votes
0answers
10 views
expandedRendered & isExpanded in angular ui grid
what is the difference between expandedRendered & isExpanded properties in angular ui grid..
I'm using toggleRowExpansion property but I want to know whether the row is expanded or collabsed. I ...
0
votes
0answers
22 views
Get attribute values of multiple DOM elements in AngularJs custom directive
I've created one angularjs directive which combines angular-ui-grid and modal. Here modal shows selected/un-selected columns of a grid. User can select/un-select columns as per choice.
...
0
votes
0answers
15 views
how to add data from dialog box to ui grid using angularjs
I am using crud operation using angularjs. In add screen i have a ui grid table, i want to add a data from a dialog box when entering data and saving it the dialog box will close and save in ui grid ...
0
votes
0answers
22 views
angular ui grid expansion row height is retained
I'm using angular ui grid row expandable properties. row expansion is working fine for my grid. my problem is after expand and shrink the row ui grid still takes same space as expansion.
Grid ...
0
votes
0answers
23 views
Ui Grid Pagination in header template
I am trying to include pagination in header of Ui Grid. Somehow, the header itself stops displaying. Please let me know where I am wrong.
Plunker here
<div role="rowgroup"
...
0
votes
0answers
25 views
angular ui grid date format filter
We have a date column in our grid. For that column we have a editableCellTemplate like the following:
<div><form name=\"inputForm\"><input type=\"date\" ng-class=\"'colt' + col.uid\" ...
0
votes
0answers
31 views
Angular app slow initialization with ui-grid and larger data
The aim of my app is to load larger amounts of data, through html parameter directive data binding, and to subsequently show this data in Angular ui-grid.
The problem with this is very slow ...
0
votes
0answers
24 views
ng-grid, when you click the next page button, the paging refreshes quickly, how to stop it break so fast?
I have a solution that pops up the loading page when clicking the next page button, but if not, how to solve it?
0
votes
0answers
32 views
Reduce the number of $watches created by ui-grid
)
first i just wanted to say thanks for this great project.
we integrated ui-grid as part of our table-grid , and for some unknown reason the amount of watches generated by the ui-grid is huge for ...
0
votes
0answers
13 views
After having assigned data to the ui-guid, how can I programmatically change column properties?
I want my grid to be as versatile as possible. So in the initial phase I'm just applying data but not any options.
However, I want the user to be able to change some properties of, say, the "5th" ...
0
votes
0answers
15 views
Custom Aggregation in ui-grid
I have the following column defined in GridOptions:
...
field:"Nr",
treeAggregationType : 'myAgg',
treeCustomAggregations : {
myAgg : {
label : 'myAgg',
...
0
votes
0answers
19 views
ROw and column header selection depending on the cell selection
In AngularJS, is it possible to select any cell in a ui-grid so that it will highlight its corresponding row and column header?
I am trying the following in cell:
...
0
votes
0answers
16 views
Different Aggregation Functions for different tree levels in ui-grid
I have a tree grid with depth of 2. For a column, i needed an aggregation function which is defined by following:
{
name : 'Name',
cellClass : cellClass(),
...
0
votes
0answers
25 views
The height of a row in angular ui-grid is overridden by ui-grid CSS but I can't override the height
I'm using angular ui-grid v3.0.4. I have a case where I need to use a custom cell template with a button and have text below it. I see the styles in Chrome Dev tools but I don't see that ui-grid-cell, ...
0
votes
0answers
12 views
angular-ui-grid v3.X conditional ui-grid-selection
I have some business logic that wants to allow / disallow selection of the rows. I have tried doing <div ng-attr-ui-grid-selection="canSelectRows"> but it still applies the checkboxes. This ...
0
votes
0answers
52 views
How to change a specific cell value/template on ng-click in AngularJS UI-grid
I have a grid with a cell template for deleting rows. I need to add an "Undo" capability when the ng-click action finishes.
var deleteCellTemplate = ...
0
votes
0answers
21 views
Save the changed width of UI Grid AngularJS
I want to save the column widths of my columns. What i want is that when user changes any column width, an event will be trigger and in that event i can fetch the changed width of that column.
I need ...
0
votes
0answers
19 views
How to make external pagination as a service or directive in angular
I have few modules (Screens) which uses ui-grid to display data. I can't use ui-grid provided pagination. I want to use external pagination which should be reusable to every grid. How can I achieve ...
0
votes
0answers
22 views
How to use auto complete in ng-input-tags by using angular ui-grid?
This is my code
// Code goes here
var app = angular.module('app', ['ui.grid','ngTagsInput']);
app.controller('TableCrtl', ['$scope', function ($scope) {
$scope.addData = function ...
0
votes
0answers
11 views
Expand the grouping automatically in begin in ui-grid
I have followed the steps in th tutorial to construct my grouping.
What i want to have is expanding certain (or all) rows in begin automatically. In tutorial they used: ...
0
votes
0answers
30 views
Angularjs UI-Grid column ordering
I am using angularjs ui-grid and it's working well on desktop as well as on mobile also but when I try to move ui-grid columns on mobile or touchable devices then they are not being moved.
Here is my ...
