All Questions
Tagged with angular-ui-grid angularjs-directive
54 questions
0
votes
4answers
91 views
AngularJs, display function result in ui-grid
I am trying to sum two columns in a function then display their result in the ui grid. any ideas about how to do this, then save the ui grid content in the database?
see the picture
so in my case : ...
0
votes
0answers
17 views
AngularJS: Add directive to child element
I want to use a ui-select inside an ui-grid as editable cell template.
My idea is to add the ui-grid-editor directive to the input field of the ui select to add all the functionality I need for ...
0
votes
1answer
84 views
Angular Ui-Grid Columns not showing
The following webpage is a container with three different tabs: Uploaded Datasets, Bought Datasets and Integrated Datasets:
1st Tab
each tab content is a UI-Grid that I call through an angular ...
1
vote
1answer
24 views
html file as cellTemplate not working in directive compile: or pre: function
Before i came here, i did read through this thread: https://github.com/angular-ui/ui-grid/issues/2078, but still didn't find the solution.
Pretty similar issue:
angular.module('XXX')
directive(
'...
0
votes
0answers
36 views
passing angular directive to cellTooltip of ui grid
how to pass angular directive in cellToolTip of ui grid?. I tried following but didn't work
var columnDef = [
{
field: 'name',
name: 'name',
displayName: '...
0
votes
0answers
180 views
Integrating Highcharts Sparkline with Angular JS UI Grid
I am trying to integrate highcharts sparkline with angular ui-grid directive but unable to plot the sparkline. When we try to dynamically plot the sparklines using ui-grid nothing gets plotted. I have ...
1
vote
1answer
313 views
ng-click won't trigger in ui-grid columnDef template
I am trying to trigger a custom function inside of my columnDef cell template as follows:
export class GridComponent {
constructor() {}
this.gridOptions = {
// grid options defined here
...
-1
votes
1answer
36 views
How to get number of objects being watched below 2000 of angular UI grid
How to implement below mentioned points to improve performance of UI grid
Avoid using ng-repeat (sort it before insertions)
Use of one-time bindings (:: syntax)
Is there a way by which i can reduce ...
0
votes
1answer
61 views
Ui-Grid: get cellTemplate via promise type error?
I set the gridOptions.columnDefs[col].cellTemplates value as a promise:
cellTemplate: $http.get('/templates/customTempTest.html')
The TEMPLATE is found returning a status 200 ok. But I get the ...
0
votes
1answer
340 views
ui-grid custom directive height not getting updated when i change the data
I have a UI-grid Custom Directive and I am changing the height of grid with a condition that if it has more than 10 rows I am fixing the height, this is the following code
scope.gridOptions.data = ...
1
vote
1answer
88 views
how ui-grid can customize dynamic number of header and data?
i have a ui-grid with this structure :
http://plnkr.co/edit/qwfPVBfci4qbMEbwdNvM?p=preview
how can I customize this grid to have different number of header or data .
actualy i have to make dynamic ...
2
votes
1answer
192 views
ui-grid angular js - cell stuck in edit mode
I am adding a custom editablecelltemplate when using the ui-grid. The problem is once a cell enters edit mode, it remains there. The celltemplate is not showing at all later on.
This is the ...
0
votes
1answer
279 views
Expanding and calling backend Service in UI-Grid
I have a UI Grid configured for my site. I have used expandableRowTemplate to expand it to show some simple content when user clicks on the expand button. Right now it shows the content properly.
But ...
0
votes
1answer
544 views
display angular UI grid and values based on the user input
I am working on angularjs application and as a newbie facing many issues. I have two angular UI grids. Based on the user input in the text fields it has to display the values in the UI grid. Having ...
1
vote
2answers
201 views
based on the input given in textboxes and submitted, show the angular UI grid
I am working on angularjs application. As i am new to this framework having hard time to get the solution. Any suggestions would be very helpful.
My requirement is to display the angular UI-grid ...
0
votes
1answer
512 views
How to find the way to use SheetJS in AngularJS 1 dependency injection is not acceptable and error occurs
I cannot find anyone install the SheetJS to their AngularJS app with dependency injection.
I just found the guy without dependency injection and as a plunker here. But how to import library into ...
0
votes
1answer
50 views
angularjs ui grid columns and menu options issue
I am using angularjs ui grid in my application with menu options. The Total column is not appearing in the grid and also in the menu options under columns none of the grid columns are visible. Can any ...
1
vote
0answers
403 views
Custom editor in angular ui-grid
I'm trying to write own cell editor for ui-grid. There are 10 colors: 0=black, 1=white, 2=gray, and so on. I'm showing the numerical value in the cell as small colored div. On editing I would like to ...
0
votes
1answer
372 views
AngularJS and ui-grid error: Multiple directives asking for new/isolated scope
I'm using the sample code from http://ui-grid.info/docs/#/tutorial/205_row_editable to implement a row-editable ui grid.
The sample code works fine when I download it and run it locally, but it ...
1
vote
1answer
722 views
while Exporting to PDF, column content is exceeding the column border in uigrid angularjs
if i get the column data like this with no space in between
$scope.gridOptions.data = [{"name":"rasheedsyedabdulhameed"}];
and this is my gridoptions
$scope.gridOptions = {
columnDefs: [
{ field: ...
0
votes
1answer
115 views
Export to pdf not showing columns morethan 5 in angularjs uigrid
i want to generate pdf but columns are exceeding the table border,i may get morethan 5 columns till 15 columns, so is their any way to do this so that i get all 15 columns in one sheet pdf,
and i ...
0
votes
1answer
643 views
need popover over custom template cell of Angularjs ui grid
I am using Angularjs ui grid with progress bar in first column and my grid options are shown below :
ctrl.gridOptions = {};
ctrl.gridOptions.columnDefs = [{
field: 'completeStatus',
...
0
votes
1answer
650 views
Angularjs ui grid cell Template should use cell value in its template rendering
I am using Angularjs ui grid, I need small help in cell Template rendering. In each row the first column should show the progress bar based on the value of the cell. So I have used the following in my ...
0
votes
1answer
853 views
How to find click event on header in angular js?
I am using an angular ui grid .
http://ui-grid.info/docs/#/tutorial/102_sorting
I want to show an alert when I click the header icon V . Currently it is showing hello text when I click the v icon. Can ...
1
vote
4answers
4k views
How to use cellTooltip with cellTemplate in angular ui grid
i am using angular ui grid, there is one column which is getting html string as input, so to display the column value i am using ng-bind-html in cellTemplate(which works fine to display plain inner ...
0
votes
2answers
595 views
how to map the columnNames to table data and show only that data in uigrid
i get columnNames dynamically with object inside of an property,i just want to show only that property which is inside of that object.
this is my columnNames
$scope.columnNames=[
{"field":"...
1
vote
1answer
234 views
Is showGroupPanel option available in Angular js ui-grid similar to ng-grid?
Does Angular js ui-grid have showGroupPanel option available similar to ng-grid.
If not then is there any other way to implement this feature in ui-grid?
0
votes
2answers
643 views
Suitable event for hidden column on UI grid
I am using ui grid.
http://ui-grid.info/docs/#/tutorial
In that there is option hide column. I want to get event when user hide the column. I want to show alert when column is hidden? Is there any ...
3
votes
2answers
772 views
how to get event when column changed it position?
I am using UI-grid .In that I am using column moving functionality from here .
http://ui-grid.info/docs/#/tutorial/217_column_moving
Using that user change grid column position .I want a event when ...
0
votes
1answer
652 views
Problems getting Bootstrap DateRangePicker to work in filterHeaderTemplate with Modal popup in UI-Grid
I'm trying to add a bootstrap DateRangePicker in the Filter Header Template for an Angular UI-Grid. I can see that the template is working properly because it shows the Bootstrap Icon. I do not want ...
2
votes
1answer
1k views
How to include angular-uib star rating in ui-grid?
I've been trying to include uib star rating in ui grid using the celltemplate field but it returns an error "Uncaught SyntaxError: Unexpected identifier".
After a little debugging i found out that it ...
1
vote
1answer
489 views
why is the image not displayed in angular?
I built a table in my demo. I got help from this example.
In this example, first column there is an image of "edit image" (coming from bootstrap).
I also make same example in my plunker, already ...
0
votes
2answers
3k views
how to remove hide column option in angular?
ui-grid in my demo .here is the api document
http://ui-grid.info/docs/#/tutorial/101_intro
I want to remove hide option from the columns .In each columns there is "V" image and on click of that image ...
4
votes
1answer
1k views
Directive rendered via UI-Grid cellTemplate rendering incorrectly
I am experiencing a strange issue in that my directive seems to be executing on stale row.entities, meaning it does not get the new values as you scroll down or modify the sort of the grid. The ...
2
votes
1answer
330 views
Dropdown opening issue inside of ui-grid
I get a new row on dropdown Click and am using enableCellEditOnFocus and when I try to open the dropdown it is not opening and alternate dropdowns are working properly. To avoid confusion I altered ...
2
votes
1answer
719 views
AngularJS ES6 ui-grid directive scope, ng-click dont work
I have a chain directive with angularJS and ES6 and want to use ui-grid.
The grid is shown with the correct columns and data, thats fine.
But ng-click don´t work in the cellTemplate. Nothing happens.
...
1
vote
1answer
743 views
Angular UI Grid : render image if it exist on a separate server otherwise set a default image
I am using Angular UI Grid and I have looked up several stack overflow and other blogs but still can't seem to solve the problem. I have a directive, but still getting nowhere.
Problem
I'd like to ...
1
vote
1answer
6k views
I want to write a custom directive for ui-grid with different input columnDefs
This is my Controller
$scope.usersList = {};
$scope.usersList = {
paginationPageSizes: [10,15, 20],
paginationPageSize: 10,
columnDefs: [
{ name: 'userId', cellTemplate: '<div ...
3
votes
1answer
754 views
uiGrid switch rows and columns
This is a bit of a general question into the possibilities of ui grid. I have had tremendous success with ui grid thus far. Now I have a use case where I want to switch the rows and columns of the ...
1
vote
1answer
623 views
Run AngularJS directive on demand
I'm attempting to run a directive after some event, for instance, some click or a model change. Here is how my directive looks:
.directive('enclose', function ($window, $http) {
return ...
3
votes
1answer
2k views
Calling common function for cellClass Function in UI-Grid
I am intending to call same function for all columns. I tried many different way to call function. None did work. I am sure i did something silly. If someone can correct me.
$scope.gridOptions = {
...
1
vote
3answers
4k views
How to highlight unique cell in UI Grid using cellClass function?
My requirement is that I am suppose to be highlighting specific cell by its row number and column number. But in given plunked when I scroll the grid other cell also getting highlighted. Looks like I ...
1
vote
1answer
2k views
How to get column footer data in Angular UI-Grid?
For example, in this tutorial, if there is any way to get the data in the column footer? I'd like to present the total numbers in somewhere else.
Thanks in advance.
5
votes
2answers
1k views
How to sort the grouped rows in AngularJS ui-grid?
How can I sort the grouped rows in AngularJS ui-grid?
Like in the official grouping tutorial, in the demo grid, if I were to sort the balance column ascending, none of the grouped rows would change, ...
3
votes
2answers
2k views
How to show column footer in grouped grid in AngularJS ui-grid?
I'm using AngularJS ui-grid and followed this tutorial to show the column footer of the gird, it worked fine. However, after I added grouping function in the grid, the column footer is disappeared.
...
0
votes
1answer
558 views
How to do filtering in AngularJS ui-grid when using Grouping?
I just added Grouping function in my ui-grid, but then I found that the filtering function is broken. It happends in the official tutorial. In the example, no matter what you type in the filter box in ...
13
votes
11answers
35k views
How to auto size column width in AngularJS ui-grid
In AngularJS ui-grid , how can I configure the grid so that it can auto adjust the width of the columns according to the contents when it render?
I know there is a tutorial showing the auto size ...
8
votes
3answers
17k views
How to format a number value in AngularJS ui-grid cell to two decimal?
I'm using Angularjs ui-grid and using the default settings, the question is how can I format the numbers to two decimal?
3
votes
1answer
2k views
Angularjs Ui grid grouping formatting is needed
I am using Angularjs ui grid grouping functionality. Please see the image, When displaying group sum, by default it is getting displayed as 'total :' but I want to change it to 'Total' (capital 'T') ...
0
votes
1answer
844 views
Angularjs ui grid with grouping column sequence is getting jumbled up
I am using AngularJs ui grid with grouping. The table is displaying fine but the problem I am facing is that the months sequence in the table is getting jumbled up. Please find my Plunker. In the ...
