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.
0
votes
0answers
5 views
UI Grid dropdown empty space item display
In UI Grid when i use "'ui-grid/dropdownEditor" editableCellTemplate for display the dropdown
by default it shows an extra empty space item as first index along with actual itemsource.
I want to load ...
0
votes
1answer
35 views
Angular UI Grid - Click event on selected row
Target
I've got a UI Grid. When I click on a row it should get selected and a function with the row as a parameter should be called.
Current Approach
I use the following config code to generate the ...
0
votes
0answers
32 views
Cell with filter type SELECT not matching by EXACT condition
I've noticed that when you change columnDefs of a grid after they were initially created (in order to dynamically populate selectOptions of a cell that has filter type set to uiGridConstants.filter....
0
votes
0answers
8 views
angular ui grid gridApi.infiniteScroll.on.needLoadMoreData not works when changed in data
I am using angular ui-grid 3.2.5
Following is gridoptions
$scope.gridOptions = {
infiniteScrollRowsFromEnd: 40,
infiniteScrollUp: true,
...
-1
votes
1answer
17 views
angular ui grid column dropdown filter blank option
While using angular ui grid we are using selectOptions to populate dropdown options as column filter. Something similar to the following code:
angular.module('exampleApp', ['ui.grid'])
....
0
votes
0answers
19 views
How to display function value in ui grid column field without braces?
I want to display itemAmount value in table without braces () of the function and need to show total of the column at footer. It displays value in column and it displays total of that column at footer ...
0
votes
0answers
8 views
How to fetch value from function to column field
I want to display itemAmount in table without braces () and need to show total of the column at footer. I have tried everything not able to get the values can any one give me any idea how to solve ...
0
votes
0answers
13 views
Duplicate results in ui.grid filter
I am presenting json data using ui.grid. The dataset will be large. As such I am using flat access as explained in this tutorial- http://ui-grid.info/docs/#/tutorial/...
0
votes
0answers
11 views
Angular Ui-Grid: Resize all row heights causes scrolling issues
I've hit an issue with resizing row heights. I have a button that changes all row heights back and forth from 30px to 60px by modifying gridOptions.rowHeight.
The rows change height just fine but it ...
0
votes
2answers
26 views
UI Grid getting blank when filtering data using external filter
I am using UI grid v3.0.0 in my project. Recently I changed my code to filter grid using drop down list value. After this change, UI grid getting blank when I filter grid multiple times. This is ...
0
votes
1answer
33 views
Tooltip property for column header ui-grid angularjs
I am using cellTooltip property of colDef but that does not seems to be working.
$scope.gridOptions.columnDefs = [{ displayName: 'Test', field: '_test',
cellTooltip: function (row, col) { return ...
0
votes
0answers
5 views
ECONFLICT when installing angular-ui-grid
By bower.json file as it stands:
{
"name": "meanjs",
"description": "Fullstack JavaScript with MongoDB, Express, AngularJS, and Node.js.",
"homepage": "http://meanjs.org/",
"license": "MIT",
...
0
votes
0answers
23 views
Angularjs ui grid issue with small set of data (very few rows) but containing huge text for some columns
I am using ui grid in Modal but I am facing problem in representing data with large text. I have only maximum up to 5 rows in my data set. But some of the columns in the rows have huge text. So I ...
0
votes
0answers
18 views
UI Grid (AngularJs) TreeView Expand/Collapse row behaving unusual on Firefox browser
I am using AngularJs 1.3 and using Ui grid for table view. I found a issue where TreeView Expand/Collapse row behaving unusual on Firefox browser specifically (working fine on Chrome & IE) . Its a ...
0
votes
0answers
10 views
angular ui grid - grid alignment failure
I have a ui-grid with about 30 columns. Once there is more than about 1400px in total column width, the columns begin to wrap onto the next line. Interestingly, as I scroll horizontally, the columns ...
0
votes
0answers
16 views
tab/enter doesn't move to next cell when row selected angular-ui-grid
I'm using angular-ui-grid. I am having a problem with ui-grid-selection combined with ui-grid-cellNav. When a row is selected, clicking into that row and tabbing over to the right does not work as ...
0
votes
1answer
28 views
AngularJs [$parse:syntax] Error in ui-grid with certain data
When I try to create an AngularJS ui-grid table with data that contains a '(' and then whitespace before the closing ')' inside a string, then I get an AngularJS error saying:
Syntax Error: Token '...
0
votes
1answer
45 views
dynamic columns do not display data, angular-ui-grid
I'm getting next type of array from api request:
[
{
"id": 48,
"eventTypeName": "FullTest",
"description": "full test with attachments",
"dynColumns": [
{
"id": 179,
...
0
votes
0answers
10 views
Adding a mass update feature to UI-Grid (AngularJS)
We are calling UI-Grid in AngularJS from a Salesforce VisualForce page. This is used to create an editor where external users can see a list of students and update student information.
My goal is to ...
1
vote
0answers
25 views
angular ui grid single click with editableCellTemplate
I'm having trouble getting angular ui grid to enter editing mode in a cell on a single click only when im using a cellTemplate/editableCellTemplate. Here is a plunker that demonstrates the code i have ...
0
votes
0answers
17 views
Custom Header Cell Template of UI-GRID not working in FireFox
I am using http://ui-grid.info/ and trying to define a custom headerCellTemplate in columnDefs.
When i attach the code directly in controller against column it works, but I want it in a separate HTML ...
0
votes
1answer
51 views
dynamic angular filter in ui-grid grouped custom cell template
I need a cell table with more than one value. I made a construct for ui-grid options, a custom template for the cell and few css lines. It works and permit me to decide if value must stay in the same ...
1
vote
1answer
21 views
Need to Assign Value of Bootstrap Dropdown in Angular UI-Grid to Row.Entity
I need to use a Bootstrap dropdown-menu in my ui-grid cellTemplate, and capture the selection in order to show their selection on the button. The problem is that because I can't use ng-model on a <...
-1
votes
0answers
7 views
gridApi.grid.rows not updated immediately
If I have a grid with 100 rows in it and I call a function like the following
$scope.test = function(){
console.log($scope.gridOptions.data.length);
console.log($scope.gridApi.grid.rows....
2
votes
1answer
42 views
Added custom row template to ui-grid but lost row highlight functionality
I followed this stack thread to capture a double-click event on my grid. Interestingly though, my grid no longer highlights rows whose check-box's have been selected, as outlined in the gif below
...
-1
votes
1answer
30 views
ui-grid page turn off auto snap to row on grid
I am trying to add a double-click feature to my ui-grid. However, the grid has some default functionality that causes my browser's view to snap to the selected row. For example, if I am at the very ...
0
votes
0answers
26 views
Protractor e2e test Angular UI grid Cell filling
In Protractor e2e testing for UI-Grid, I am using the function dataCell( gridId, fetchRow, fetchCol ), which has been provided in ui.grid.e2eTestLibrary.api:gridTest,
Source :-https://github.com/...
0
votes
0answers
37 views
How to bind angular ui-grid value array, where value is updated outside the grid in a text box
This is the json to populate the ui-grid
{
"radioList": [
{
"testId": 4,
"remarks": null,
"ordersDto": {
"orderId": 50808,
"visitId": null,
"testMast": ...
0
votes
0answers
12 views
How deselect rows range with Shift key in Angular-UI-grid?
I'm using Angular UI-Grid in project, and I can select rows: one-by-one with pressed Ctrl key and select rows range with pressed Shift key.
I can deselect specific rows with pressed Ctrl key, but can'...
0
votes
1answer
26 views
How to get input box (filterbox) values from ui-grid column header
I'm trying to get the input box values present in the ui-grid column header.
I'm trying to use my own filtering function which requires to get values from multiple input boxes in the column header.
...
0
votes
1answer
18 views
ui-grid: how does virtualizationThreshold work?
Currently, the docs for virtualizationThreshold state:
Turn virtualization on when number of data elements goes over this number, defaults to 20
Does this actually mean that the virtualization ...
0
votes
0answers
25 views
Using AngularJS V1.5.8 with UI-Grid v3.2.9 does not call the $on (‘destroy’) event for directives
I am using an AngularJS custom directive that performs cleanup activities in an $on (‘destroy’) function.
When my route is destroyed, I’m expecting the function to be called.
Everything works ...
0
votes
2answers
29 views
How to remove sorting on ui-grid before reload another data set ui-grid
Im using ui-grid to load my data set. Here is my requirment;
step 01: I want to load dataset_01 (scope.gridOptions.data = res_01;).
step 02: I want to sort by First Name (Click by firstname column).
...
0
votes
3answers
29 views
How to disable client side sorting in angular ui-grid?
I have two questions.
I am trying to disable client side sorting in ui-grid, how can I do it?
Instead of client side sorting, I need to set another data set to ui-grid and refresh the data set.
...
0
votes
1answer
38 views
Managing add and remove button in ui-grid using cell template
In grid the add button should have only in the last record,
This is the code used in cell template
cellTemplate: '<button class="btn primary" ng-click="grid.appScope.deleteRow(row)">Delete&...
0
votes
0answers
14 views
Repeat headerTemplate/ headerRowTemplate in uigrid
How to repeat headerTemplate/ headerRowTemplate in uigrid?
Below is the plunker:
http://plnkr.co/edit/i261iOpP2PdfGgg3C6ng?p=preview
$scope.gridOptions = {
data: 'myData',
...
0
votes
1answer
15 views
angular ui-grid remove column hidden from export menu
I don't want column hidden feature in ui-grid. So I used enableHiding: false in columns. But I can see columns in Grid export menu (show below)
How can I remove columns: from grid menu ?
Thank you
1
vote
1answer
22 views
UI Gird filter - Invalid regular expression
I'm using Angular UI grid to show fields.
I have a textbox that user can filter for all columns in the grid. But when the user put text like "(" or "*" is generated a error: Invalid regular ...
0
votes
0answers
20 views
Angularjs ui-grid grouping
I have issue in grouping ui-grid data. My ui-grid should look like below
CompanyName and Address in one row
After that 3 columns with header and data
atlast description in one more row
page ruler
...
0
votes
0answers
22 views
External and client sorting in Angular ui-grid
I wanna be able to use external sorting for some columns and for other columns I want to use sorting via sortingAlgorithm property.
I tried to do it, but it only works in one way for all the columns, ...
0
votes
0answers
31 views
Adding duplicate rows in ui-grid, typing on one field reflecting on all other rows,
created a UI grid with the following fields.
vm.gridRadioTest.columnDefs = [{
name: 'testName',
displayName: 'Test Name',
enableCellEdit: false,
enableColumnMenu: false,
...
0
votes
1answer
41 views
Angularjs ui-grid multiple filter from checkbox outside grid
I am using UIGrid. I would like to be able to filter the impact level column based on the checkbox inputs(which is outside the grid).Multiple checkbox can be selected.Any help on how I can achieve ...
1
vote
0answers
33 views
Angular UI Grid onRegisterApi method call twice
Here in my code if I run this independently it works fine, but after integrate in my project the "onRegisterApi" method call twice. It seems some conflict with existing Ui-Grid.
Can Anyone have any ...
0
votes
0answers
19 views
Color Row Selection Column — Angular UI Grid
I want to color the row selection column which we get by enableRowHeaderSelection: true, in Angular UI Grid. I want to fill each cell of the row selection column with a different Hex Color Code which ...
0
votes
1answer
88 views
AgularJS Editable ui-grid input cell height issue in IE
I've ui-grid with 2 columns. Only 1st column is editable, when i try to edit it editableCellTemplate height doesn't fit with actual cell height(As shown in image). This bug only observed in IE, works ...
0
votes
0answers
10 views
How to make multiple sub-division within a cell of ui-grid
Using following customTemplate I have managed to make a ui-grid that looks as below:
cellTemplate : '<div ng-repeat = "e in row.entity.ranks">{{e.key}}</div>',
Here I have 4 columns. ...
0
votes
0answers
28 views
How to modify ui-grid row class using rowTemplate after data change
How can I modify css class of row after rendering ui-grid table. On the begning all rows have cell with row.entity.action == NOACTION. After removing one row the row.entity.action == DELETE and I want ...
0
votes
1answer
22 views
Angular UI-Grid doesn't take 100% width when div's width is changed
I initially have 2 div's side by side and I am trying to hide a div and making the other div take up the entire width.
The div has a UI Grid and it is taking up the entire div but the columns don't ...
0
votes
2answers
28 views
Using a custom Angular filter as a cellFilter for ui-grid columnDefs defined in an Angular constant
In my Angular app (myApp) I have a custom filter (myFilter) and I am using UI Grid with multiple grids (myGrid1, myGrid2, etc.) to display my data in various view of my app. Since many of the columns ...
0
votes
0answers
31 views
Angular ui-grid unable to load html file with filterHeaderTemplate
I tried to include an HTML file in my Angular ui-grid.
The problem is that the file don't seems to be injected into my page.
JS grid code :
$scope.gridDesign = {
paginationPageSizes: ...
