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
9 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
6 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
7 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
12 views
Angular ui-grid - Expandable grid height
I have an expandable ui-grid so if I click on a row it will open another custom template.
The problem is that I can't find a good way to set the height of the expandable grid to auto. I've added some ...
0
votes
0answers
9 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
4 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
30 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-...
0
votes
0answers
3 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
18 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
1answer
13 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
33 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
13 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
18 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
22 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
15 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
9 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
42 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
10 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
10 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
23 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
27 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
20 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
8 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
18 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
24 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
39 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
34 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
14 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
37 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
27 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: '...
0
votes
0answers
19 views
Code for BackSpace event in angular ui-grid so that i can use that logic for other keyCode event
Can anyone help me with the Code for BackSpace event in angular ui-grid so that i can use that logic for other keyCode event according to my business requirement.My business requirement is when ...
0
votes
1answer
21 views
Angular UI-grid, how to tell what the next column in the scroll is
I have a ui grid that has 20 columns, and I would like to be able to tell what the next column will be as I scroll through the horizontal axis so that I can have some text that will tell the users ...
1
vote
1answer
68 views
UI Grid showing only last record many times on infinite scroll
Before Scrolling
After Scrolling
In Grid on first time load I am getting data properly.
After scrolling down it is getting problem.
It displays last record from the first load's last record in every ...
0
votes
1answer
29 views
display multidimensional array data angular ui-grid
I get next data structure array from api:
var data = [
{
id: 1,
name: 'test 1',
properties: [
...
0
votes
2answers
42 views
Angular UI-grid header cell icon swap
I am building a grid using angular ui-grid. The column headers have a downward chevron like so:
I would very much like to change that icon to something else. Is there a simple way to do this without ...
0
votes
0answers
28 views
Change style specific element
I have three UI-grids in my screen (page and partial view). In a specific grid i need to add a class to wordwrap a specific column.
I set the slyle like bellow:
<style>
.wordwrap .ui-...
0
votes
0answers
32 views
How to move ui.grid rows UP/DOWN on button click?
I have a requirement to move a row of ui-grid UP/DOWN on button click with angularjs. Is there any thing else that can help me from documentation. Please help me with this. OR If any row that can be ...
0
votes
0answers
30 views
How to load div with external template on click of angular ui-grid row
I am new to AngularJS and working on an existing application.
I have a grid with data and double-click of each row, I want to load div on same page with an external template. While loading the ...
0
votes
0answers
18 views
Modifying ui-grid dropdown value with color?
Here for Report Status can have label Normal or Abnormal with value N or A respectively.
How can I add this in grid column, if that value is A then the value for that row is Abnormal with red color ...
0
votes
0answers
33 views
Bootstrap Popover ui-grid angular column header issue
I am using the following angular grid http://ui-grid.info/.
I'm currently displaying bootstrap popover for each of the columns in my grid on the header cell. Each of the columns and their popover ...
-2
votes
0answers
27 views
Angularjs ui grid touch issue
I am using iPhone. I have an Angularjs ui grid but the grid does not display data when orientation changes.
When the page loaded grid working fine then I change the orientation to landscape mode it ...
0
votes
2answers
35 views
UI-Grid gridOptions -> selectOptions as Variable not possible?
I just tried to use this code:
field: 'field1',
filter: {
term: 1,
condition: uiGridConstants.filter.STARTS_WITH,
placeholder: 'starts with...',
ariaLabel: 'Starts with filter for ...
-2
votes
0answers
26 views
AngularJs ui-grid custom aggregation
I am very new to angular js UI Grid. For my application I need to Achieve custom aggregation for "Footer" and "Grouping" totals.. Aggregation is different then provided aggregations in uigrid api. Can ...
0
votes
1answer
33 views
how to remove the “clear sort” state in angular-ui-grid column header?
I see info on adding "disable sort" but not how to remove the default behavior where the 3rd click disables sort and is "neutral" on sortable headers. In reality, having a disable sort state feels ...
0
votes
1answer
55 views
Angular ui-grid column dropdown select filter
I am trying to make a dropdown filter for angular ui-grid. I originally found the how-to article here, and upon not being able to work it, i went back to the source to try to work it. I am still ...
