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
16 views
how to select all aggregated rows in angularjs ui-grid
I was looking for 5 days in the Internet how to solve the problem in angularjs ui-grid. I would like to select all simple and aggregated rows in the ui-grid.
In the picture there are only selected ...
-2
votes
1answer
29 views
How to delete a row in uigrid if the button is outside of the grid
I had a uigrid. It had a edit button in each row. When I click that, a button will be displayed outside of uigrid. When I click that button, the particular row should be deleted. If the button is with ...
0
votes
0answers
17 views
Angular UI Grid - reload data not working
I am using ui-grid. The left panel has search filters and a search button which populates data into grid in right panel (initially grid renders without data). Application has two separate controller ...
1
vote
0answers
31 views
Angular UI-Grid changing columnDefs
I have a UI-Grid in my View and in some cases i have to show differents things and differents configuration (editable for example).
One of my column is a dropdownlist, but when I change grid ...
0
votes
0answers
25 views
Angular UI Grid: Imported Less CSS Errors after NPM Install
I installed Angular UI Grid v3.2.9 via:
npm install angular-ui-grid
We use less css in our gulp server-side build and I was pleased to find a main.less file included in the install at ~/node_modules/...
-1
votes
0answers
33 views
CSS: Scroll appears when connecting mouse to pc
I am using ui grid with angular, and at iOS when I connect mouse to my pc, overflow-y at my uiGrid appears. When I disconnect my mouse from pc, scroll disappears. I need to show scrollbar only when ...
0
votes
0answers
15 views
angular-ui-grid paginationPageSize not working on 3.2.9
While configuring the ui-grid-pagination, The PageSize is not changing as per the configuration. Its always remains as 250. Below is my configuration code.
setGridOptions(data){
this.gridOptions =...
0
votes
0answers
28 views
Angular UI-Grid with bootstrap action dropdown in cellTemplate
I am using Angular UI-Grid to show my data, I am having an Action column in the same grid which uses cellTemplate to render the custom Html. I am using the bootstrap dropdown button to show my ...
0
votes
0answers
15 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
55 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
42 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
18 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
26 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
24 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
12 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
16 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
12 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
28 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
38 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
10 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
25 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
20 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
11 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
19 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
37 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
46 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
13 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
33 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
19 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
62 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
25 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
8 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
48 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
31 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
34 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
41 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
13 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
29 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
29 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
28 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
38 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
30 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
41 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
15 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
17 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
27 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
21 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
25 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
33 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
46 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 ...
