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.
9
votes
7answers
5k views
ui-grid does not take 100% width on page load
I am using ui-grid to showing data in table. when i load the page and leave for few second and then click on the tab (which containing ui-grid), the ui-grid css break. it does not show width of ui-...
1
vote
1answer
457 views
Change anuglar ui-grid csvExporter separator
I have a UI-Grid and i need to export it to CSV.
The problem is that the export has a comma (",") delimiter and for european versions of excel, I need a semicolon (";") delimiter.
Is there any way i ...
0
votes
2answers
634 views
Programatically select row in UI-Grid without listener
I want to select all rows of a grid by default, and I managed to do so by adding a data listener in onRegisterApi as specified in this answer:
onRegisterApi : function(gridApi)
{
$scope....
0
votes
1answer
10 views
Setting Angular UI grid height without auto resize module
Is there a way to set default height without using: ui.grid.autoResize. Because it is impacting in the performance also mentioned in the documentation: http://ui-grid.info/docs/#/tutorial/...
0
votes
0answers
16 views
In UIGrid always show the tree row header
In a UIGrid where grouping is applied, I need to show the group tree row header always even though there is no data for that group. See the image below that represents the idea.
Please advice.
0
votes
0answers
8 views
In UIGrid what does “treeRowHeaderAlwaysVisible” do?
What does "treeRowHeaderAlwaysVisible" do (as mentioned in Tutorial: 209 Grouping)?
Please share some working examples.
0
votes
3answers
1k views
Unable to clear data when no result using external filtering in UI.Grid (Angular)
I am using angular-ui-grid and it's really a powerfull lib.
I am trying to use the externalFiltering option to have instant filter.
I follows the tutorial but i am not able to clear grid data when the ...
0
votes
2answers
31 views
How to New/add row (textbox columns) in Angularjs ui grid?
I am very new to Angular js, in my project we are using UI grid to show List of records.
we have requirement Add new record into Grid(uigrid),
We are also lookinh into below link also.
http://ui-...
-1
votes
0answers
19 views
bootstrap tour not working in angular-ui-grid elements
Am using angular ui grid in my project and implementing bootstrap tour in it. bootstrap tour works fine outside the grid elements. but when i select any element inside the angular ui grid the selected ...
0
votes
0answers
20 views
how ui-grid pagination customization?
Using Ui-grid pagination, want to display 20 records per page, for 100 pages. i achieved this. But, i want to display like
In pagination display 8 elements like < 1 2 3 4 5 ... 99 >. first and ...
0
votes
1answer
482 views
Set background color of selected row in Angular UI Grid
I have searched everywhere on Stackoverflow and github but haven't been able to find a solution to this problem and I hope someone can show me the right direction.
I'm using Angular UI Grid for my ...
0
votes
0answers
17 views
UI-grid Row header template for tree view
Is there a way to provide custom template for row headers when I'm using tree view?
When I'm checking if the current row has children, I would like to show an animated loading icon at the row header. ...
0
votes
1answer
102 views
angularjs - Angular UI Grid Bug- Agg:remove is not working
In Ui-Grid table I am using aggregate function ,but on agg:remove getting error in console.After agg:remove not able to apply aggregate function on other column.
check this image for error TypeError: ...
1
vote
2answers
851 views
Angular UI Grid validation without edit
I created a UI Grid with validations. I append an empty row for the user to fill out. It looks like the validations only happen on edit. It seems valid that the empty row is not flagging validations ...
7
votes
2answers
14k views
ng-click inside cell template does not trigger function in controller
I have created a plunker here: http://plnkr.co/edit/zGqouwzxguef13lx48iP?p=preview
When I click in a cell of the ui-grid in the day view then nothing happens. What I expected is that the test ...
6
votes
3answers
12k views
Angular ui-grid events in cell header not firing
I'm using a headerCellTemplate in the columDefs of my ui-grid (not ng-grid but the new rewrite). In the html I have a checkbox. Essentially I am trying to add a checkbox in the header of a column ...
0
votes
0answers
21 views
angularUI grid to perform CURD operations
I am using angular UI grid to insert,edit,update rows.
Click here for demo
Below is the code:
<html ng-app="app">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/...
1
vote
3answers
2k 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 ...
0
votes
0answers
18 views
Angular UI-GRID Excel type filtering
I need Multiple filtering for different column similar like excel. based on first or previous filter, the selection of 2nd filter should be on the items available on the table which is filtered by ...
0
votes
1answer
11 views
angular ui-grid populating data at last index in whole table on updating data model of grid
spent a lot of time and I am unable to understand why ui grid is populating last object of array in whole table.
$scope.gridOptions = {
rowHeight:50,
paginationPageSizes: 0,
...
0
votes
0answers
33 views
How to prevent scroll on cell focus when using cellNav?
I have a grid that requires ui.grid.cellNav, however the first time I click on any cell that allows focus (allowCellFocus -> default is true) an scroll event happens moving up the clicked cell out of ...
-1
votes
1answer
21 views
In UI Grid,How to add two buttons in a single cell
Hi i need to add two buttons into a single column..How to do it with UI-Grid (AngularJS).
Thanks in advance :)
0
votes
0answers
22 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
18 views
ui-grid remove sorting menu and align column headers to far right
My question is similar to this question
I want to remove the drop down menu at the top of the column headers, but then I also want to align the text of the column headers to the right side.
.ui-...
0
votes
0answers
19 views
How to set height of a complete row according to cell contents in ui grid
If the text content of a particular cell is larger than cell height then I want to increase the height of particular whole row to display complete text in ui grid. Currently I am getting a wrapped ...
0
votes
0answers
10 views
Using ui-grid with dropdowneditor - how do I get the cell to display the Value rather than id?
I have a grid that is displaying properties for an item. Over time the available properties will grow and it is down to the user which properties they want to use. So I have a property table linked to ...
6
votes
0answers
487 views
External ui-grid-menu-button
I want to separate ui-grid-menu-button from the ui-grid-menu. So my select columns button will be in another place.
I tried to put a watch on the toggleMenu function and in a click on my button it ...
0
votes
1answer
17 views
Modify CSS of <select> in Angular UI-grid
I have an angular ui-grid that has a in the filter section built out like this:
, filter: {
type: uiGridConstants.filter.SELECT,
selectOptions: [
{ value: 'male', ...
5
votes
1answer
1k views
What are the available condition constants under uiGridConstants.filter?
Did I miss the link that documents ALL the available uiGridConstants for uiGrid fields in one place? I was working on columnDefs filter and found out EQUAL does not work. That's when I realized ...
0
votes
1answer
21 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 ...
0
votes
0answers
9 views
Skip Some rows from getting Sorted
I am using "angular-ui-grid": "3.2.3".
I need to apply sorting to the ui-grid but it should not impact all the rows.
Is there any way to skip some rows from getting sorted?
Thanks
Vishal
0
votes
2answers
705 views
Ng-grid editable grid does not get focus on click
I need a grid that the user can edit. I also need to be able to add an extra row to the data set, preferably from the grid. But first of all i need to be able to edit the data.
I thought i could just ...
0
votes
2answers
130 views
Is it possible to bind the sorting of a column to a different property than its display property with Angular UI Grid?
I was just wondering if anyone knew of a way to sort a column in the same order as another column using Angular UI Grid.
0
votes
0answers
30 views
Angular ui-grid header template issue
is there a way to render only grouped header in Angular ui-grid without rendering the subheader.
for example in this plunker I need just to display Group1 and Group2 without displaying name, title and ...
0
votes
1answer
40 views
angular ui grid combining two columns into one
Is there a way to combine two fields into one field in angular ui grid?
I tried the below code, the case manager part worked but the client part is not working
CaseServices.getCases().then(function (...
0
votes
3answers
597 views
UI-grid data is not updating
I am using ui-grid in my project, for ui-grid configurations i am setting grid data, like below:
$scope.gridOptions ={
data : $scope.data,
columnDef:$scope.couumnDefs
};
I am making service ...
0
votes
2answers
1k views
How to achieve dynamic css class in ui-grid that reflects page content changes?
My goal is to achieve a dynamic CSS class in ui-grid cells with simplest example being to color gender column or display an icon based on cell's value. The CSS classes would be updated according to ...
0
votes
0answers
26 views
Angular UI grid : export hidden columns when user selects Export Visible data
Hi I am using Angular UI grid. I have 3 columns. One of the column is hidden. When user clicks on Export Visible data as CSV or Export Visible data as Pdf the hidden column also needs to be exported. ...
0
votes
0answers
27 views
How to manually enter date in ui grid edit datepicker
In the below link provided a ui grid with date picker(column date). Here we can't manually enter the date. Kindly provide a solution to enter the date manually in the datepicker
http://plnkr.co/edit/...
0
votes
0answers
37 views
UI grid - footer custom aggregation
I have a UI-Grid in my page and i need to create a footer row to aggregate values.
But in some cases, the value of the footer column is the sum of this column, divided by sum of another column, minus ...
-2
votes
2answers
32 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 ...
0
votes
0answers
10 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
2answers
38 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
20 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
18 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
24 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
20 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
vote
0answers
11 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
40 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
0answers
13 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....
