1,885 questions
0
votes
0
answers
22
views
How to maintain ui-grid pagination state in AngularJS when navigating between pages?
I’m working on an AngularJS (1.x) application that uses ui-grid with pagination.
I want to maintain the current pagination state (current page and page size) when navigating between views — for ...
1
vote
2
answers
89
views
How to open AngularJS UI Bootstrap popover when a UI Grid cell is being edited
The following code snippet uses a directive named invalidnamesetter to raise the isInvalidName flag when the user types the word foo in a UI Grid cell.
As expected, the HTML <label> tag is set ...
0
votes
1
answer
85
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 ...
0
votes
0
answers
547
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:
$...
0
votes
2
answers
88
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 ...
0
votes
0
answers
19
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 ...
0
votes
1
answer
61
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 ...
1
vote
0
answers
66
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 ...
0
votes
1
answer
26
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....
1
vote
1
answer
213
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}}&...
0
votes
1
answer
157
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:
<...
0
votes
1
answer
200
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 ...
1
vote
0
answers
148
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 ...
2
votes
1
answer
407
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 ...
0
votes
1
answer
298
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" ...
1
vote
1
answer
174
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 ...
0
votes
0
answers
113
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
0
votes
1
answer
38
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 code
...
1
vote
1
answer
77
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">
<...
1
vote
0
answers
186
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 ...
1
vote
1
answer
137
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 ...
0
votes
1
answer
981
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.
0
votes
1
answer
180
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 ...
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 ...
1
vote
0
answers
96
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 ...
-1
votes
1
answer
335
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',...
0
votes
0
answers
99
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....
1
vote
1
answer
2k
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 ...
1
vote
0
answers
370
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 ...
0
votes
1
answer
203
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, ...
0
votes
1
answer
726
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....
0
votes
1
answer
331
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-...
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: ...
0
votes
1
answer
2k
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 ...
-2
votes
1
answer
487
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 ...
0
votes
1
answer
742
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 ...
0
votes
1
answer
144
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 the ...
0
votes
1
answer
1k
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) {
...
1
vote
1
answer
444
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 ...
0
votes
0
answers
163
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 ...
1
vote
0
answers
120
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
0
votes
1
answer
396
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 ...
1
vote
0
answers
75
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 ...
2
votes
1
answer
966
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/...
1
vote
1
answer
142
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 ...
0
votes
1
answer
1k
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" ...
0
votes
1
answer
40
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.
...
0
votes
1
answer
162
views
UI-Grid SortChanged not called on expandable grid
UI-Grid: v3.2.1
When attempting to sort a column in an expanded grid I have noticed that the column does not call our SortChanged callback.
We are using external sorting in combination with ...
2
votes
0
answers
520
views
ui-grid enableCellEditOnFocus scroll problem
I have a ui-grid with scope.gridOptions = {enableCellEditOnFocus = true} and about 100 rows and a vertical scroll bar.
If I focus a cell it will enter edit mode, and if I then scroll the grid, it ...
0
votes
1
answer
255
views
Angular ui grid custom filter not showing for more than 10 columns
I am using angular grid. I implemented custom dropdown filter on two columns by following this article and I have totally 11 columns. If I add the 11th column then filter is not showing up for one of ...