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
5 views
UI Grid: Failed to decode downloaded font OTS parsing error: invalid version tag
I know so many issues were reported for font, but after looking through all of them still i am not able to find solution for this issue. I am creating an mvc .NET application. have moved all the font ...
0
votes
0answers
14 views
merge cols when grouping angular ui-grid
I'm trying to create a ui-grid with grouping in which when the group is expanded, in the grouped column to display a different column. Example:
| Plant | Color |
| + Fruits (2) |...
0
votes
1answer
14 views
UI grid - dropdownEditor with search/filter
I'm using editable UI-Grid in my page.
One of the columns is a dropdownlist with many options as the image bellow:
I need to allow the user to search to find the item they want.
Out of the grid, i'm ...
-1
votes
0answers
11 views
Change Angular ui-grid CSS
I don't know how to change my <ui-grid> CSS.
The webdesigner made CSS with different classes and I don't know to make it easily.
Have any idea?
Thanks! =)
0
votes
0answers
9 views
UI-Grid: Get dropdown editor on specific cells
I am trying to create a table where its length & breath act as x-axis & y-axis & I want to apply dropdown template to specific cells of the table containing only numeric values(1,6,9). ...
-1
votes
2answers
22 views
UI-Grid importing losing leading zeros
I am using UI-GRID. I am importing data from CSV file. However preceding zeros from numbers are removed automatically. Can somebody help me retain leading zeros? If zeros appear before string they are ...
1
vote
0answers
9 views
Angular Ui grid - Unable to export japanese titles into pdf format
I am using angular ui grid. I am trying to export the grid into a pdf format. I am using angular translation and one of the languages that I have to translate to is Japanese. But when I try to export ...
0
votes
0answers
10 views
Angular-ui-grid pagination controls not being shown
I´m using the following controller and html configuration to have a paginated ui-grid:
app.controller('AdminProspectGridCtrl', function ($scope, $http, uiGridConstants) {
$scope....
1
vote
0answers
14 views
Angular UI-Grid tree level with diferents templates
I'm new here, I'm working with Angular UI-Grid, and I have a small problem. The grid that I handle has a tree structure, that works perfect. But to make it easier to follow that structure for the user,...
0
votes
0answers
34 views
Edit/Update button functionality
I am working on the page where i enter the values into a textbox and on clicking save button they get saved in a UI grid. The table even contains the edit button. On clicking edit button the field in ...
0
votes
2answers
27 views
Display values in a grid
When the save button is clicked I am trying to display values from a textbox and button in a grid. I have written the html part and I have tried out something by myself. When the save button is ...
0
votes
0answers
31 views
custom filter doesn't work, angular ui grid
I'm trying to add custom header template to my grid. The most of data is dynamic, that's why I didn't define columns and left it that ui-grid built it programatically. I exactly know that one of this ...
0
votes
0answers
24 views
Angular ui-grid one click dropdown with ui-select
I have an editable ui-grid that has a dropdown field. The enableCellEditOnFocus option is set to true on the grid. However, one has to click twice to get the dropdown to show (once to activate the ...
0
votes
0answers
23 views
Multi-column header in ui-grid
Is there any way to set a multi-column header in ui-grid?
I have a json file with this structure:
{
"SalesOrderDetails": [{
"A": "Val1",
"B": "Val2",
"C": "...
1
vote
1answer
24 views
need to get ui grid column data alone based on column name from external dropdown
I am using Ui grid in my angularjs application. My requirement is I have an external dropdow (out side of the ui grid) which contains all the column names of the ui grid. Now when I select any ...
0
votes
1answer
28 views
Reset column order in angularjs ui-grid after moving
I have a ui-grid using the ui-grid-move-columns directive. With this directive, I can drag drop the ui-grid columns to change their order. I would like to be able to reset the column order back to the ...
0
votes
0answers
15 views
How do I make a conditional editableCellTemplate?
I'm trying to make certain rows in ui grid be dropdown menus. to accomplish this; I set editableCellTemplate to this;
<div ng-if="!row.entity.dropdown">
<form
name="inputForm">
&...
0
votes
0answers
15 views
UI grid - Footer column
I'm using Ui grid with column footer.
When I choose a option (for example max in age column) the value in footer not is showing. But, when i do another task in the grid (for example order by each ...
0
votes
0answers
9 views
AngularJS ui-Grid Sort icon alignment
I am trying to change the float alignment for the sort icon in a ui-grid.
I have big column labels and sometimes the soft icon, even invisible broken the layout.
Is there a way to move this icon to ...
0
votes
0answers
7 views
Enable Row Resizing in Angular UIGrid
In Angular UIGrid you can allow the user to resize columns as follows:
$scope.gridOptions = {
enableColumnResizing: true,
}
I would like to be able to allow the user to resize the rows as well. ...
0
votes
0answers
10 views
Footer template for CSV export for Angular ui grid
I have the logic for exporting the data to CSV. However I wanted to add a disclaimer at the bottom of the exported grid. I see that this functionality is provided for PDF but I don't see it for CSV. ...
0
votes
0answers
5 views
Angular ui-grid “snapping” when clinking a row
On my ui-grid, every first time I click a row, after a page load, the grid "snaps" into a different position, sometimes pulling up the grid so my mouse pointer is now 5 or 10 rows further down. It is ...
0
votes
1answer
32 views
can't get Angular ui-grid last row
is there a way to apply a specific template only to the last ui-grid 's row?
I triyed doing that using <div ng-show="grid.renderContainers.body.visibleRowCache.indexOf(row)==gridOptions.data.length-...
1
vote
1answer
8 views
Filtering inside a cell templates?
I have the following cell template
cellTemplate: {{COL_FIELD | row. entity. filter}}
But the filers is not working. If am passing directly as string in the template it's working. But in my case ...
0
votes
0answers
25 views
Applying a cell filter in Ui GRID
I have to create the following grid. But I want to apply a cellFiler or rowFilter. How can I do it?
$scope.columns = [{ field: 'Trade Version #110010' }];
$scope.gridOptions = {
enableSorting: ...
0
votes
2answers
26 views
angular ui grid grouping display first element in the group row
I need to display the first value in a group in the group row so first i tried to display a constant using aggregation, I have this column def
name: 'Stack',
displayName: 'Stack',
...
0
votes
0answers
37 views
notifyDataChange not working with cellTemplate defined
Just starting to work with AngularJS and ui-grid, and I encounter a major issue.
My problem is as following:
I use different ui-grid components in the same HTML page. All of those ui-grid components ...
0
votes
0answers
17 views
How to print the carry over columns of ui-grid on the next page using pdfmake
I am trying to print an angular ui-grid with 30 columns and it cuts off at 15 columns. How can I print the remaining 15 columns on the next page.
This is how I am generating a pdf.
gridApi.exporter....
0
votes
1answer
19 views
How to pass a cellfilter along with data in ui grid
I have one situation I have to plot the table horizontally. The Data is dynamic.
Iteam 1
RowHeder1 : Value 1
RowHeder2 : Value 2
RowHeder3 : Value 3
RowHeder4 : Value 4
How can I create it? And is ...
0
votes
0answers
23 views
Changing the column header name in Angular ui grid exporter
I am exporting the ui-grid to CSV using the angular ui grid exporter. Is there a way to update the header name while exporting it to CSV/PDF. I am using exporterFieldCallback to format some of the ...
0
votes
0answers
16 views
Tried many ways still not showing HTML content in ui-grid Angular
In a real-life project, I'm trying to populate an Angular ui-grid using WebAPI to get JSON data has HTML content. So far, the column has HTML is either showing them as plain text or blank content.
...
0
votes
0answers
10 views
Angular UI Grid Export feature is not using the most recent data set
My Angular UI Grid is dealing with data sets up to 5,000 rows, so I am using external paging and letting my server side code serve up the data in 100-row chunks.
When I export the data, I am first ...
2
votes
2answers
44 views
How to show nested json in angular UI grid?
I have a angular ui grid that I would like to display data from json, the json is nested and has a lot of information that I need to "carry" around but I only need the grid to show a selected set of ...
0
votes
0answers
12 views
How to integrate a bootstrap typeahead into a ui-grid filterHeaderTemplate
I am using angular-ui-grid and am trying to develop a custom filter which should be a typeahead text field, which on typing 3 letters should populate with a list of suggestions, one of which can then ...
0
votes
0answers
11 views
Angular UI-grid sorting column programatically
I have a grid column of JS date objects, which I want to sort in ascending order when I click a button. My code is as such:
function mostRecent(){
console.log('clicked mostRecent');
$scope....
0
votes
1answer
22 views
How to change text alignment of individual header cells of ui-grid?
ui-grid example
Currently my grid is as shown in the image.I want to change text-alignment of first header cell to left and second header cell to center. Is there any way to do this?
Plunker: http://...
1
vote
2answers
24 views
In angular ui-grid how do I cancel a previously registered event?
In Angular's ui-grid, the default behaviour is to queue the callbacks,
How would I cancel/overwrite the first callback ?
$scope.gridApi.selection.on.rowSelectionChanged($scope, function(row){
...
0
votes
1answer
30 views
Angular UI-grid not sorting by date
I am using UI-grid, and I have a bunch of JS date objects like so:
"dob": new Date('1942-11-19')
I want to be able to filter the column by date when you click the "sort ascending/descending" buttons....
0
votes
1answer
26 views
ui-datepicker with ui-grid issue
I'm trying to update a editableCellTemplate in a ui-grid to include ui-datepicker so I'll allow user to have the possibility to select date using firefox or IE, but with no success.
Here is plunker ...
1
vote
1answer
28 views
Cell filter for dynamic column, Angular ui grid
I get data array from api call. From this data I need to display only specific value. Inside of each array is nested array event properties. To display this nested array I reformat initial data array ...
0
votes
0answers
8 views
Ui-grid Double click event - Identify column
I'm trying to use double click event of UI-grid in my page as the code bellow:
var app = angular.module('app', ['ngTouch', 'ui.grid']);
app.controller('MainCtrl', ['$scope', '$http', '$timeout'...
0
votes
0answers
9 views
Derived Aggregation from one field to another in UI grid
In UI grid, we need to calculate the aggregation of one field using aggregation of other two fields. In the example CTR should be sum(balance)/sum(age). CTR will have individual values, but the ...
0
votes
0answers
20 views
Update URL query string without a reload
I am trying to update the URL query string for each page of my ui-grid table. The problem I am having is that when I update the query string it reloads the page.
Here is some of the code I am working ...
0
votes
1answer
26 views
Angular ui-grid tooltip not displaying
I'm trying to apply a simple filter on ui-grid cells and add a tooltip to them but it's not working.
The filter is working correctly but not the tooltip. it's only displayed when I remove the filter.
...
2
votes
2answers
40 views
Set Focus to Control With No Name or ID
I'd like to automatically set the focus on the input control within Angular's ui-grid filter:
However, that control doesn't have a name or ID. This is what the HTML looks like:
<div class="...
0
votes
2answers
37 views
Set columns width for dynamically generated angular ui-grid
I'm trying to set width of columns for my grid.
I get data from api call, and slightly rebuild it to display in the grid. That works. I never know how many columns will be in my grid that's why I ...
0
votes
0answers
16 views
What is the colContainer property and where i can find its documentation
I have just started to discover the ui-grid last couple of days.
The documentation of the ui.grid.class:GridOptions shows an example on how to use the rowTemplate property :
rowTemplate
'ui-grid/ui-...
0
votes
1answer
16 views
UI-Grid Sort only after data reached
I want to allow sort only after the data is displayed on the table, I have some calculated fields that take a few seconds to been displayed, I don't want to allow sort on this columns if the data ...
1
vote
1answer
41 views
Best way to refesh the angular ui-grid data. State refresh or feed new data to $scope.gridOptions.data?
I have an Angular UI grid in my page. When the user double clicks one row, it shows a modal with the row data which the user can update.
Post successful update, i need to show the latest data in UI ...
2
votes
2answers
28 views
Hide UI-Grid template based on condition in angular js 1
If field key i have Boolean value always. What I want is if the value is true show the cell template otherwise hide it.
columnDefs: [{
displayName: 'Advanced',
field: '...
