All Questions
Tagged with angular-ui-grid javascript
509 questions
1
vote
1answer
39 views
How to export selected columns in ui-grid angularjs?
I am using UI grid export functionality to export grid columns in csv format.I want to let users to select columns for export. My question is How can I make selection on columns?
0
votes
1answer
21 views
How to change the value of a column in export csv format in ui grid?
I am using UI grid export functionality to export all grid columns in .csv format.
Some columns values are 'FALSE' or '1' / '0' .
My question is How can I change them to some strings in exported file?
1
vote
1answer
53 views
AngularJs ui-grid onRowSelectionChanged is not updating variable value, always it has default value
it worked fine last time i check(two or three months ago) their is a variable called with the default boolean value false like below.
$scope.IsRowSelected = false;
And i should mention when the ...
0
votes
0answers
35 views
Wrong links created by ui-sref that is inside ui-grid template
Have a nasty bug that causes UI-router's ui-sref to create wrong links for table rows in ui-grid, starting from the 16th row.
I have a ui-grid (v.4.6.3) that must present a list of elements. Each ...
0
votes
0answers
12 views
Set Row Height on Export
I am looking to adjust the row height of some rows while exporting excels using angular-ui grid.
I have tried all the callbacks provided by the API like exporterExcelCustomFormatters, ...
1
vote
0answers
21 views
Implement UI-GRID angular on spring mvc view
I'm trying to implement UI-GRID for the very fisrt time but having some problems on it, I've seen some basic tutorials to implement it but I can get to do it, I'm using an HTML file as view (also ...
4
votes
0answers
97 views
Memory leak with uigrid 3 appscope provider and angular 1.5 component expression bindings
I am facing a weird memory leak.
I am using uigrid appScopeProvider to be able to select a row in the grid and call an expression binding ("&") to validate my choice and close my component.
What ...
0
votes
0answers
23 views
UI Grid; Iterating Through Object
I'm trying to iterate through my data.TeamMembers object in UI-Grid; i'm having trouble getting the data to show in my ui-grid.
I'm able to reference each array property by directly writing row....
0
votes
1answer
26 views
UI Grid Cannot Read Property Data of Undefined
Having Issues with getting the data for my ui grid? Not sure what I'm doing wrong here, but I console.log the data so I know i'm getting it back.
My data is coming back as a object and i'm trying to ...
0
votes
0answers
20 views
Link control to AngularJS UI-Grid filter with expandable grid
I'm trying to use a dropdown menu and/or a textbox to edit the column filter for the parent row of an expandable grid. I am also hiding the actual grid filter because I only want the user to be able ...
0
votes
1answer
26 views
Get sum for column values and not allow to add new rows in UI grid
I have a ui-grid with a column C with percentage value, we have a button "add rows" to add new rows in grid. One can add new row until this column C reaches 100%, one cannot add any more rows.
How ...
0
votes
0answers
15 views
ui-grid String Binding Not Working
I have a ui-grid which I am trying to dynamically change its $scope.gridOptions.totalItems. My table supports multiple search options, so the number of rows needs to change. My table's controller is a ...
0
votes
0answers
30 views
Accessing ui-grid row in cellTemplate for dynamic rendering function
I have a ui-grid table and for one of the columns I am trying to do something like:
{
name: 'myName',
displayName: 'myName Title',
cellTemplate: customTemplate(ROW)
}
OR
{
...
1
vote
0answers
134 views
Angular ui-grid custom menu on cell right click
I am using Angular ui-grid and have the following requirement:
Show custom menu when right click on any particular 'CELL/Column' of grid e.g. 'B' in below image.
When right click, custom menu will ...
0
votes
0answers
116 views
Display form data in ui-grid on button click
I am trying to display data from inputs of a dynamic form in a ui-grid when a button is clicked. The grid seems to render but isn't visible. Here's the code:
index.html
<!DOCTYPE html>
<...
0
votes
0answers
58 views
angular-ui-grid error in docs, excel-export library
EDIT:
https://github.com/angular-ui/ui-grid/issues/6774
I was following the tutorials of angular-ui-grid for exporting data in Excel formats at this page. I noticed it uses excel-builder.
However, ...
0
votes
2answers
56 views
Why doesn't my Angular.js fiddle work?
I'm just trying to copy tho example here:
http://ui-grid.info/docs/#!/tutorial/320_complex_grouping
My fiddle is here:
http://jsfiddle.net/92u8jtkd/9/
The HTML code is very simple:
<div ng-...
0
votes
0answers
13 views
angularjs uigrid checkboxes tracking
I'm new to angular and I'm stuck on trying to bind a custom checkbox to an object.
I've created a plnkr to illustrate the issue. Essentially I want trying to get the checkboxes to change the checkbox ...
0
votes
1answer
372 views
How to refresh automatically Angular UI Grid after adding data
I have angular UI-Grid which I want to reload after the data is added. Please let me know what do I need to add?
HTML File
<form class="form-main">
<label>Category Name</label>
...
1
vote
1answer
166 views
AngularJS ui-grid change header template for expandableRows column
I'd like to change the header of expandableRow Column in ui-grid, but I can't seem to figure out how.
To be clear by the header I mean the circled plus in the image above.
I'm hoping to use this ...
0
votes
1answer
137 views
How to show checkboxes and button in UI Grid with Dynamic ColumnHeaders
I want to create a dynamic UI-Grid with columns and rows dynamically generated.I have used the help from other post in Stack Overflow and able to create the grid as follows:-
HTML
<div ui-grid="{ ...
0
votes
0answers
64 views
Angular.js UI Grid place footer above column footer
I am replacing a plain HTML table like the one in the snippet below with an Angular.js ui-grid
<table border="1">
<thead>
<tr>
<th>col1</th>
&...
0
votes
2answers
58 views
Event trigger on “Export all data as csv”.?
I've tried the answers related to the question in stackoverflow. It did not work out.
I'm trying to do the server side pagination in UI-GRID. Just struck at export all data as csv.
Since, my data ...
5
votes
2answers
1k views
How to export ui-grid to excel file?
I use ui-grid in my project with angularjs.
In my project ui-grid exports content to excel file and it's working perfectly.
Here is ui-grid declaration:
and here ui-grid definition in javascript:
...
0
votes
0answers
14 views
UI-Grid : access grouping / count externally
When you group elements in UI-Grid you get a nice view with the count of elements in each group.
Is there a way to extract that data directly and display it on another part of the page as a list or a ...
0
votes
0answers
38 views
Calculating the column with in a virtual table based on the data
i have a generic data grid in ui-grid with a lot of columns. The columns will be displayed with the same, small width. Because of the generic in the grid i cannot set any fixed width for a column.
...
0
votes
0answers
93 views
UI-Grid : Color row based on cellclass
I have a requirement where I am applying conditional formating to date-times, so if the date have passed I assign .red css class to it, if it almost passed (less than 90000ms) I assign .orange ...
0
votes
2answers
138 views
How to use Moment.js with ui.grid
I am trying to convert all the dates rendered on Angularjs UI grid with countdowns. The dates are all in this format 01/19/2018 21:30 (Short US), Instead I want it to be xx Hour xx minutes left.
I ...
0
votes
1answer
63 views
ui-grid highlight some specific rows
I have a chart which is showing Mile(s) on Y-axis and Date in X-axis.
Type of the chart is stacked column chart. Each stack is representing how much a driver, drove on that particular day in mile(s).
...
0
votes
2answers
222 views
Print data of UI Grid
I am using ui-grid version v3.2.9. My goal is to print the data which is already rendered in UI.
My table is made up of div by using angular ui grid.
My approach is:-
Opening a new window in which ...
0
votes
0answers
26 views
Can UI-grid be used in Umbraco 7.7.*?
We are currently using Umbraco 7.7.4 and we would like to use a UI-grid in back office. But it seems like UI-grid is compatible with 1.4 and higher. Can someone please recommend me if I could use any ...
0
votes
1answer
40 views
Hiding/showing of columns with external filtering
I am using ui-grid with external filtering enabled. I have registered the handlers for:
gridApi.core.on.filterChanged($scope, getFilters);
gridApi.core.on....
0
votes
0answers
175 views
Angular ui-grid: How to view a large number of expanded grid rows?
I am making an angular ui-grid with multiple expandable rows.
When I expand all of the rows using $scope.gridApi.expandable.expandAllRows(); and scroll I only see the first 15 - 20 rows expanded.
...
1
vote
1answer
88 views
AngularJS + UI-Grid + Bootstrap tab + Application Performance
I am using bootstrap (uib) tabs, angular 1, angular-ui-grid. Each tab contains a single grid and each tab can also have sub tabs.
I am facing sever performance issue in application.
Data nature - ...
1
vote
0answers
191 views
UI Grid scroll to focus is not working on newly added row when placed at bottom of the grid
Scroll to focus is not working on a newly added row when the new item is added to the bottom of the table.
https://github.com/angular-ui/ui-grid/issues/5325 discusses this issue.
The plnkr link ...
0
votes
0answers
23 views
script link works in plnkr but not in my project
I was trying to implement full row edit feature using ui-grid. Based on it I found the tutorial and I made plnkr of it.
I included some links in plnkr which is showing me result without any error, ...
1
vote
1answer
78 views
Angularjs ui-grid whole row editable at same time error
Using ui-grid with AngularJs I am trying to make whole row editable but getting error in it.
Please check the plnkr link where I did whole coding and let me know what I did wrong.for plnkr link click ...
0
votes
1answer
138 views
Each row editable using ui-grid AngularJS
I need to make row editable instead of each field/column. I am also following the tutorial for tutorial for row edit feature
Please find the plnkr link also where I am trying to make row editable ...
0
votes
0answers
231 views
AngularJS ui-grid edit button
In the given picture each cell is editable using ui-grid-edit.After editing of cell. It will call the webservices.
I am trying to have an edit button where the user can click and enable edit ...
1
vote
0answers
123 views
how to keep the data as filtered and sorted from angular ui-grid and export it?
I'm using angular ui-grid for large set's of data, now i'm able to export the filtered result's from all paginations,when i apply the sort functionality along with it, it works on the view but not on ...
0
votes
1answer
252 views
Trying to refresh Angular Ui-Grid on Cancel Edit click
I am working with the Angular ui-grid. I am trying to accomplish something which should be fairly simple but can't find anything that works. All I want to do is allow a user to edit the grid and then ...
0
votes
1answer
46 views
Angular UI-Grid accepting null values even if type:'number"
Ui-grid edit documentation, here is the link for official documentation of ui-grid edit feature. Its accepting null values even if the data-type is number or string. Please let me know what should I ...
0
votes
1answer
43 views
Http PUT changes on backend using Angular UI-grid
I am new to angularJS I am using Angular UI -grid editable feature and able to edit it on UI side but edited value is not going to backend/API.
Please see the plunker below. I am able to edit and ...
0
votes
1answer
551 views
How to customize angular ui-grid row background color?
I am trying to change background color of angular ui-grid row based on condition so if riskValue is 1 trying to make it red and if value is 2 row background color should be Yellow. Any easy way to ...
0
votes
1answer
132 views
enableCellEditing in Angular-UI-grid
Please let me know if you didn't understand my approach. It's based on Angular-UI-grid. I have two controllers(ctrl1.js, ctrl2.js).I am getting data using get method on each controller from different ...
0
votes
1answer
217 views
Right click on cell and display modal window in Angular UI Grid
Is there a way to display modal window when user right click on Angular UI grid cell? Thank you.
1
vote
1answer
286 views
Difference between name and field in ColumnDefs for ui-grid (AngularJS)?
Can anyone provide a practical example? From my understanding,
field refers to the actual field you want to reference. That is, field should be the name of the variable (in the code) that you want to ...
2
votes
1answer
186 views
how to exclusively evaluate angular ui-grid cellTemplate function in attribute value if rendered on viewport?
I am using angularjs and ui-grid with custom cellTemplate. Each cell has an object as COL_FIELD. This object is passed to a function which returns image data uri used in src attribute of cellTemplate ...
0
votes
1answer
66 views
Using controller in a directive
Angular newbie here. I am trying Brian's example of importing data into UI Grid from Excel. This works like a charm. Brian uses a custom directive. I am able to read the excel file perfectly. After ...
1
vote
1answer
199 views
ui-grid sort data after filter
I have this model containing labels in the user selected language.
"status": [{
"id": "IN_PROGRESS",
"label": "In progress"
}, {
"id": "KO",
"label": "Everything ...
