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.

Filter by
Sorted by
Tagged with
0 votes
1 answer
27 views

AngularJS ui grid save and restore state not working

The grid doesn't seem to save and restore states even though I use the saveState module and I can't figure out why. There is no error in the console. Everything seems to be running, save & restore ...
Giannis Poriazis's user avatar
0 votes
0 answers
18 views

Angular UI grid search/filter feature : Strange behavior with null in search string

Our application uses Angular-UI grid. If the values are null for a column (which the UI-grid displays as blank) for all the rows in grid and if we search with string "null" or combinations ...
Abirami's user avatar
  • 253
0 votes
0 answers
181 views

How to disable row selection in ui-grid with row selection event?

I have an ui-grid in my angular project. One of columns has a value once selected, I wish to grey out all other rows which doesn't share the same value of this column. Here is content to display: $...
Xinlin Feng's user avatar
0 votes
0 answers
13 views

AngularJS UI Grid: how to make cells editable?

I'm writing an AngularJS front end for a remote REST Endpoint. I'd like to show the data from the REST Service using the UI Grid library. So far I have been able to display and add new content. ...
Carla's user avatar
  • 3,146
0 votes
0 answers
29 views

How to conditionally format cell font color depending upon value in Angularjs ui grid when export to excel as CSV

How to format cell font color when a AMOUNT value is greater than 50 then green else red conditonally when exported to excel as CSV. $scope.gridOptions = { enableColumnResizing: true, ...
sgl's user avatar
  • 573
0 votes
2 answers
56 views

gridApi.edit.on.afterCellEdit auto checked checkbox

I am using angularjs and ui.grid. I've some problem. I want checkbox auto checked after I edit cell.. I've Tried So Many Times to code auto checked after edit cell but still not success. How the best ...
javiens's user avatar
  • 85
0 votes
0 answers
36 views

angular-ui/ui-grid - sort by multiple columns without pressing shift

I have an old angularjs project that uses ui-grid and I need to implement sort by multiple columns on click. The functionality already exists, but requires holding down the shift key and click in ...
Zelter Ady's user avatar
  • 6,286
0 votes
0 answers
237 views

I am getting ₹ instead of INR symbol when I export data of UI-grid into CSV

I am getting ₹ instead of INR symbol when I export data of UI-grid into CSV. In UTF-7, I am getting ₹ instead of INR. But in case of UTF-8, I am not even getting any symbol. This issue happens in ...
Aakash Pawan G P S's user avatar
0 votes
0 answers
13 views

uigrid custom filter rows are note getting unselected

I have custom filters implemented in ui grid for multiple columns and this filtering works very fine. Now when i do the Reset All Filter, it works functionally however rows which are selected for ...
user1259318's user avatar
0 votes
1 answer
15 views

ui grid custom filter generalisation

We have implementation of ui grid custom filter as per in the lonk below: However we want to generalize the implementation so that it can be used it with multiple columns. However we still couldnt ...
user1259318's user avatar
1 vote
0 answers
51 views

How to select a subgrid row in an expandable ui grid?

I'm implementing an expandable ui grid. When a parent row is expanded, I want a row in the subgrid to be automatically selected based on the parent row's data. How do I get a list of subgrid rows? Is ...
poignantpinata's user avatar
0 votes
1 answer
20 views

Why ui-grid.woff changes to and HTML like file when I use ui-grid.css from local host?

This is a strange thing I have noticed. I am using angular ui-grid 4.11.1. Everything works fine except ui-grid.woff loading part. If I use <link rel="stylesheet" href="https://cdnjs....
p zankat's user avatar
  • 105
1 vote
1 answer
170 views

Undefined error when passing row.entity and col.field to function

I need row.entity and col.field to determine if a button needs to be disabled or not, so here's the code for the cellTemplate of my UI-grid cellTemplate: '<div *ngIf="{{COL_FIELD}}&...
babukinator's user avatar
0 votes
1 answer
128 views

ui-grid menu dropdown shows javascript code behind the buttons

Using Angular-UI-grid version 4.4.11 with Angular 1.8, And JQuery version is 3.6.0 But the dropdown in the grid menu header just show the Code behind the tag And the Generated HTML is as: <...
Ajay Kumar Jaiswal's user avatar
0 votes
1 answer
82 views

How do I use Angular UI Grid (native to AngularJS) in an Angular 8 project

I am trying to use the Angular UI Grid in my Angular 8 project. Looking online i can't seem to find anywhere which tells me how to configure it properly. I know that Angular UI grid is native to ...
Jason Milletti's user avatar
1 vote
0 answers
120 views

Issue with ng-html-compile displaying UI-Grid twice while rendering saved HTML from SQL Server Database

1)I am saving entire DIV - TestDIV from a HTML page in AngularJS to SQLServer database. 2)TestDIV has many DIVs nested inside it, including UI-Grids. 3)I save the HTML as a VARCHAR(MAX) column in SQL ...
RedBottleSanitizer's user avatar
2 votes
1 answer
305 views

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 ...
Tom's user avatar
  • 133
0 votes
1 answer
235 views

How to use .cshtml razor file as ui-grid celltemplate?

In my ASP.net MVC web project, I am using ANgularJS ui-grid for better data display option. In the other razo view pages I have used partial view load <partial name="TestPartialView" ...
rasoo's user avatar
  • 73
0 votes
1 answer
142 views

Angularjs UI-Grid Right click is no longer working?

I have a simple UI-Grid application that defines a grid like this <div ui-grid="gridOptions" ui-grid-pagination class="grid clsVendorsGrid" ui-grid-selection ui-grid-exporter ...
w2olves's user avatar
  • 2,239
0 votes
0 answers
95 views

UI Grid - Expand Row add empty space in bottom

Using angularJs UI Grid plugin, Docs While expanding the last row, sometimes empty spaces is added in the bottom
Sridhar's user avatar
  • 73
0 votes
1 answer
32 views

Angular.js (angular-ui) : "resolve" not returning anything in the child component

While trying to get data from the "resolve" object. I cannot get anything from what is found in the parent component. Structure partner-component partner-list-component Result Parent ...
Eric's user avatar
  • 75
1 vote
1 answer
60 views

How to use embed Angular UiGrid in AngularJs Component

I try to embed a ui-grid in a component, and the embedded ui-grid doesnt render I built a Plnkr to visualize the problem. index.html <!doctype html> <html ng-app="app"> <...
til's user avatar
  • 942
1 vote
0 answers
160 views

Export data from Angular UI-Grid in CSV

We are using ui-grid in our application. We are using grouping functionality of ui-grid and it's working perfectly. Now we are exporting it to CSV and at this point I am facing issue. It is exporting ...
Vikas's user avatar
  • 334
1 vote
1 answer
114 views

big data with angular ui-grid (feature grouping selection)

here's my demo plunker: http://plnkr.co/edit/Oqd1WHow01ssu43e I'm trying to improve the performance of grid for custom aggregation fuction custom aggregation function, In my codes, I had registered ...
Wy-Xc's user avatar
  • 51
0 votes
1 answer
811 views

How can I merge ui grid cells into one column in AngularJs?

I want to display data in UI grid like this, to merge multiple cells into one column in AngularJs. Is this possible with UI-Grid or not? Answers will be appreciated.
Shubham Yadav's user avatar
0 votes
1 answer
151 views

angularJS -UI-grid cellTooltip for dynamic columns

I have a stored procedure that returns dynamic columns and I was able to paint the output with some help on angularJS ui-grid. Now I am trying to add "CellToolTip". Screenshot below is the ...
user1529514's user avatar
0 votes
1 answer
1k views

angularjs UI grid - display columns dynamically

I have a stored procedure that returns the first 4 columns(LineNumber, AttributeName, Source, MIC) along with the other columns that are dynamic. Dynamic meaning it can range from 150 to 1. Here in ...
user1529514's user avatar
1 vote
0 answers
90 views

How can I sort the elements in gridMenu in ui-grid angular JS

vm.gridOptions = { exporterMenuCsv: false, enableGridMenu: true, columnDefs: [ { name: 'name' }, { name: 'gender' }, { name: 'company' } ] I want to sort the columns ...
deep5459's user avatar
-1 votes
1 answer
282 views

How to disable Pinning in UI Grid in AngularJS

How to disable the pinning in UI Grid for AngularJs?? Even after setting enablePinning:false or enableGridMenu: false It is not work app.js file: var app = angular.module('app', ['ngTouch', 'ui.grid',...
Satish Hawalppagol's user avatar
0 votes
0 answers
94 views

ERROR: b.forEach is not a function with uigrid [Angular]

I am making a grid in AngularJS with Angular UI Grid and the console printing this error: error: b.forEach is not a function Does anyone know what is happening? vm.detalleVirtuales....
Diego molina villadiego's user avatar
1 vote
1 answer
1k views

how to export angularjs UI Grid All data in CSV file or in PDF file

I am new to AngularJS ui-grid, and a first time user of the exporter feature. I need to export ui-grid table,but the things i can able to export visible date without error but when i try to export All ...
DloveJ's user avatar
  • 13
1 vote
0 answers
364 views

Selection checkbox in ui-grid auto selecting on scrolling angularjs

ui-grid checkboxes which are used to select a row automatically gets checked on scrolling. On scrolling fast up&down some checkboxes auto getting select even though row is not selected. ui-grid ...
user3400625's user avatar
0 votes
1 answer
156 views

ui-grid columnDefs : how to translate cell content to some value which is user-friendly and a function of the data?

I have this ==> $scope.uiGrid306 = { rowTemplate:rowtpl, columnDefs: [{ field: '_ab_area', name: 'Area', width: "7%" , filter: { type: uiGridConstants.filter.SELECT, ...
Jenna Leaf's user avatar
  • 2,325
0 votes
1 answer
636 views

ui-grid rowTemplate: how to dynamically change row color based on column data

I have a server data embedded with values that determine the row-color. var ngBody = angular.module ('BodySpace', [ 'ui.grid', 'ngSanitize', 'ngResource' , 'ui.grid.selection', 'ui.bootstrap' , 'ui....
Jenna Leaf's user avatar
  • 2,325
0 votes
1 answer
291 views

Swap Ui-Grid icons with Font-awesome using Unicode

How can I change the font icons used for following class using font Unicode. ui-grid have following classes as default .ui-grid-icon-plus-squared:before { content: '\c350'; } .ui-grid-icon-minus-...
Satish Patil's user avatar
1 vote
1 answer
1k views

Dropdown menu hidden under overflow: hidden container

I'm trying to add more options to each row of the ui-grid so I'm implementing "3 dots" approach. However I came across this issue that my dropdown menu goes over the screen because it has position: ...
LazioTibijczyk's user avatar
0 votes
1 answer
1k views

UI Grid gridApi.selection.getSelectedRows() is not giving the rows in the order in which it was selected

I have the below use case to implement in ui grid(pagination is already implemented) with 'Select All' button: Load initial 50 records for first page with columns as name, id, age. Click on 'Select ...
Piyush Upadhyay's user avatar
-2 votes
1 answer
453 views

Angular's UI-Grid on RTL Mode, displays missing columns on horizontal scroll, and columns horizontal alignment with corresponding cells isn't correct

I'm using Angular's UI-Grid with RTL mode, but when scrolling grid horizontally: 1. Relevant columns start not being displayed. 2. The columnDefs horizontal alignment with corresponding row's cells ...
Yazan's user avatar
  • 51
0 votes
1 answer
648 views

AngularJS UI-Grid Tree View: How can child rows have different column names than parent rows?

I am trying to have different columns and column names for child rows than the parents rows in TreeView in UI-Grid There is already a question asked, but the link provided in the comment section has ...
Tasnim Khan's user avatar
0 votes
1 answer
128 views

Angular's UI-Grid in RTL Mode displays data in wrong order opposite to the order of columnDefs [closed]

I have a css in _Layout.cshtml that assigns all ui controls to rtl direction, as below: * { direction: rtl; } I'm using Angulars UI-Grid, where in RTL Localization ...
Yazan's user avatar
  • 51
0 votes
1 answer
927 views

AngularJS ng-grid's method "gridApi.pagination.on.paginationChanged" within onRegisterApi not being called

I'm using AngularJS ng-grid, where assigning the $scope.gridOptions associated onRegisterApi with function as listed in my code below: onRegisterApi: function (gridApi) { ...
Yazan's user avatar
  • 51
1 vote
1 answer
408 views

'angular-ui-grid' Expanded row issue

After the update, google chrome (ver:77) from (ver:76) expanded row not working as expected. Before update google chrome expanded row of 'angular-UI-grid' was working properly, However, It's working ...
amit jain's user avatar
  • 315
0 votes
0 answers
116 views

Horizontal and Vertical scrollbar are glued to columns whenever the page loads in AngularJs UI grid

Whenever the page loads, both of the horizontal and vertical scrollbar floats on top of UI grid. I am populating the grids in 2 different places. 1st place it is looking the way it is supposed to be ...
brainSquezer's user avatar
1 vote
0 answers
107 views

How do I change the language in the ui-grid menu JS?

I am using ui-grid in rtl. and I want to replace all the caption. Do someone knew how to do it? I want to change the text in the marked parts
Tehila's user avatar
  • 61
0 votes
1 answer
344 views

Ui Grid handleWindowResize in RTL not working

I resized my page within ui-grid with this code: $scope.gridApi.core.handleWindowResize(); So the grid resize perfect in LTR, But in RTL it's not working. After resize it's looking like this: The ...
Tehila's user avatar
  • 61
1 vote
0 answers
67 views

Unable to load dynamic data into ui-grid dropdownlist using custom template(Dropdown data was an asynchronous)

I unable to load dropdown values dynamically while using custom template. this is a generic template so that I can use any where in my application. I have recently updated nggrid to ui-grid, and I am ...
SURESH MOGUDALA's user avatar
2 votes
1 answer
860 views

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/...
Piyush Upadhyay's user avatar
1 vote
1 answer
104 views

Different datatype implementation on each cell for UI Grid

I am using UI Grid for my spreadsheet implementation. My grid consists of complex big data. How do i access individual cell/cells in the table to assign them datatypes . [My grid example is as ...
Jaydeep Bobade's user avatar
0 votes
1 answer
985 views

How to display No Value as text if Column value is DB Null in UI GRID

How to show NO VALUE if column value is DB Null in angularjs ui grid. I tried using the code as below but it does not work. Am i missing anything. cellTemplate: '<div class="ui-grid-cell-contents" ...
user1030181's user avatar
  • 1,995
0 votes
1 answer
37 views

Angular UI-Grid upward table

This is the program overview. here I hope it can let the line 13 to 17 upward to column 2, it like that this . I hope the result is this This is feasible or not? This is my UI-grid program. ...
xij97346's user avatar

1
2 3 4 5
38