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
1answer
21 views
How to refresh ui-grid cell which has a cellFilter to display multiple fields of the bound entity in one cell
I use a cell filter to show multiple properties of a bound entity in one cell. Therefore there is no one field name because it is a computed field. How can I force the grid to reevaluate the cell ...
0
votes
0answers
13 views
Use html code as column name with ui-grid
I am trying to change column name using html tag.
I dont know if it's clean but i want to use a
on my js code to rename my column using ui-grid. some thing like :
$scope.gridOptions = {
...
3
votes
3answers
3k views
UI-GRID header - Change Color And Text
I want to change the color and text of the angular ui-grid header.
I want the background of the header to be black and the text to be white.
I don't want gradient or shading. I just want it black.
...
0
votes
1answer
20 views
How to customize a ui-grid table?
I am trying to customize the grid menu for angular ui grid
By default the menu icon appears in the top right corner of the table. But i want to show it on the top left corner of the table. How can i ...
1
vote
0answers
19 views
Grouping fails while implementing auto row height in angular ui-grid
I am new with Angular JS. I have been trying to create an angular ui-grid with auto row height.
Meaning height of a particular row should increase automatically when the contents of the cell does ...
1
vote
1answer
32 views
How to do a “row header” in Angular ui-grid
What I'm trying to do in Angular ui-grid seems pretty common, but I'm having trouble finding anything that describes a solution.
I have a table. Like many tables the first row is really a "row ...
1
vote
1answer
29 views
Angular-ui-grid — How do I conditionally show cell templates, according to the cell's value
I'm trying to show different templates when the value of the cell is different.
1) how can I access the cell's value(valueOfType) here?
2) Is it possible to access another column's value(...
0
votes
1answer
18 views
Show date in ui-grid table
I use ui-grid in my project to show some data and dates.
The example of date from ajax call is:
DateReview='06/25/2016'
the format is mm/dd/yyyy in this format date is displayed.
Here the ...
0
votes
1answer
38 views
Set a footer template on Angular UI grid when group feature is enabled
Can you tell me how to set a footer template on Angular UI grid when group feature is enabled ?
Here is the Plunker.
I have tried like this.But it's not working.I need to set a Total Properties on ...
0
votes
1answer
37 views
AngularJS ui-grid, make column editable conditionally
I am using AngularJS 1.5.5 and ui-grid 3.2.6.
I have a grid with 5 columns.Col "4" is the only column editable with a dropdownEditor, all the other columns are non editable.
What i need is, if the ...
0
votes
3answers
30 views
UI Grid won't display
Trying to follow the docs provided here on their website, but still not able to get it to work.
I am scanning a table using AWS DynamoDB, and trying to display the information in the table within this ...
0
votes
0answers
17 views
How do i disable ui-grid events?
I want that when i select all rows in a grid doesn't call the event rowSelectionChangedBatch, how do i do this?
$scope.gridOptions.onRegisterApi: function(gridApi) {
gridApi.selection.on....
0
votes
1answer
16 views
Refreshing data in ui-grid
In my screen I have a ui-grid that need be load when the user click in button "search".
I'm making this:
// Ajax call
$("#btn-Pesquisar").click(function () {
var form = $('#frm-Pesquisar-...
3
votes
1answer
51 views
Angular 2 maturity: going in prod with usable components
I am looking to build a new set of web apps, and I have been working already with Angular v1.x, Angular UI Grid 3.0 & other common components (Angular UI Bootstrap, Slider...).
Angular 2 seems ...
0
votes
1answer
92 views
Angular ui-grid disable cell focus for row selection checkboxes
I have a ui-grid with several columns. Two of those columns are editable. I have also enabled row selection which makes the checkboxes appear in the left most column of the row.
I have disabled cell ...
0
votes
0answers
157 views
ui-grid - Change to allowCellFocus property of columnDef continue to allow the exchange of focus
I'm trying to disable the row selection on my ui-grid when a condition is reached.
Example: I have a master/slave grid. When i'm adding a new record on the slave, i want to disable the row selection ...
22
votes
4answers
7k views
ui-grid symbols issue
I am using AngularJs ui-grid http://ui-grid.info/.
While implementing, I get something which you can see in the following img in right corner of the cell instead of dropdown symbols.
Which files ...
2
votes
0answers
32 views
Solved - Ui-grid not rendering cellTemplate properly in modal
I have a ui-grid inside of bootstrap modal. The data are filled correctly. The problem is occuring during the scrolling, all radio button appears unchecked and the data are still correct.
All the ...
0
votes
0answers
10 views
How to set a fixed width on Angular UI Grid Treebase Header Column
For an Angular UI Grid with only a few columns, the expand/collapse column is auto-sizing as well and doesn't look very good:
Screenshot
I was wondering if there was a way to set only this column to ...
0
votes
1answer
24 views
Twice firing with external filtering in angular ui-grid
I have finished this issue, however, I am faced with the problem of a weird triggering of applied filters. Let me try to explain to you. The first filter request looks like:
?$orderby=id-&...
4
votes
4answers
6k views
Angular.js ui-grid custom date filter
I am using the angular grid, ui-grid, located at ui-grid.info.
I am trying to make a custom filter that will filter the grid by date using date inputs controls, one for less than and one for greater ...
15
votes
2answers
21k views
Angularjs ui-grid Filter from text input field
Maybe somebody can help me with a little problem. I am pretty new in the field of web programming, but I have programming experience.
I would like to develop a small website that uses angularjs and ...
1
vote
1answer
44 views
How to catch applied column filter in angular ui-grid
I'm working with ui-grid and server-side filtering. For each column I send a request to API with param based on filter value. By default param is empty
var filterOptions = {
...
2
votes
3answers
2k views
How to implement Typeahead in angular ui-grid?
I am trying to implement typeahead in editable cell of ui-grid.problem is, when i selected one of the option of typeahead,the value does not reflected in the cell.
see plunker
This is my partial ...
1
vote
3answers
1k views
ui-grid cannot rendered correctly when using ng-show/ng-hide, if you press F12 on the keyboard, it can do it correctly
My code is as below:
<div class="gridStyle" ng-grid="gridOptions" ng-show="flag"></div>
when i set the flag to true, the grid cannot render correctly, if you press F12 on the keyboard, ...
0
votes
0answers
9 views
Wiring ui-grid modules using requirejs
I am trying inject the ui.grid modules in my angular app. The modules that I am trying to configure is the ui.grid.autoResize, ui.grid.resizeColumns....
Need help to set this up in my requirejs.
...
0
votes
1answer
37 views
In UI Grid, how can I use JSON results from Web API to fulfill the editDropdownOptionsArray option of a field?
In UI Grid, how can I use JSON results from Web API to fulfill the editDropdownOptionsArray option of a field?
My grid is filled with data from Web API but I cannot wrap my head around doing this for ...
0
votes
1answer
16 views
Is it possible to hide the checkbox column when enabling multiSelect?
Is it possible to hide the checkbox column on the left when enabling multiSelect? I would just like to enable the multiSelect via Ctrl, I don't need the checkboxes.
Thanks!
2
votes
6answers
10k views
How to properly delete selected items ui.grid Angular JS
I am having some difficulties understanding the properties/functions available through ui-grid. I often get confused with its previous version ng-grid. I am trying to find what the best way of ...
1
vote
0answers
14 views
Angular UI-Grid Spanned Column header
I have a ui-grid that has spanned column headers and has some columns that are pinned either left or right.
All is working fine with this apart from the ui-grid cells borders not lining up the ...
0
votes
0answers
13 views
Prevent selection but still enable click on edit in Angular UI Grid
I use the enableCellEditOnFocus option in Angular UI Grid to edit cells on click. But there are times when a cell becomes selected and cannot be edited on click, like when I edit a cell, click outside ...
-3
votes
1answer
182 views
Which plugin is better for developing browser tables: jQuery Datatables or AngularJs UI Grid?
Here is Google trends statictics. AngularJs is a very popular framework, the UI Grid has lower request rates than jQuery Datatables.
Which plugin is better today for developing customable browser ...
0
votes
1answer
10 views
Is it possible to combine external and internal filtering in ui-grid?
I am using 'useExternalFiltering' in angular ui-grid.
Is it possible to set 1 column to still filter internally (sort out based on the table data)?
0
votes
0answers
16 views
Grouping columns with angular ui-grid
I have a grid with several columns that are logically related, and I would like to add two things:
1. a common header above the column headers this way:
|--------------|--------------|
|...
1
vote
1answer
132 views
Angular Ui-Grid Conditional CellTemplate
I need to show a button in my ui-grid as long as the field value is NOT an empty string. I tried using ng-if but it is not working. Here is the code in my grid options:
{ field: '...
0
votes
0answers
13 views
ui.grid.autoResize, 'ui.grid.resizeColumns Uncaught Error: Load timeout for modules: ui.grid.autoResize
I am getting the below error when I try to configure ui.grid.resizeColumns and other options using require js.
Uncaught Error: Load timeout for modules: ui.grid.autoResize
I have spent quite some ...
0
votes
0answers
17 views
Use the output from cellFilter in a cellTemplate call in ui-grid
I have a field that once returned from an external service, runs through a custom filter to determine display based on the length of an array. In essence, its logic is covered below:
app.filter('...
1
vote
1answer
22 views
Angular ui-router throws transition error when clicking a link inside ui-grid
I'm using angular-ui-grid to display a table of facilities.
When clicking on the facility name, I want to link to the facility page with the facility id
In my columnDefs I have:
columnDefs = [
{...
0
votes
2answers
24 views
grid.appScope is not working with paging
Here code
Creating edit button on every row.
var statusTemplate = '<button type="button" class="btn btn-default" ng-click="grid.appScope.add(lg,{{row.entity.StudentID}})">Add</button&...
1
vote
2answers
27 views
Angular UI Grid FooterCellTemplate not working
I have some problems on my custom footer cell template.
As you can see, some of the column footer templates are not showing up, I have identical implementation of footerCellTemplate
This is my ui ...
1
vote
2answers
335 views
ui-grid grid menu: how to change the text of the default values of show/hide column
I have enabled the grid menu using
gridOptions.enableGridMenu = true
I am getting the grid menu with an option to show/hide individual columns. I would like to customize the "columns" text that ...
0
votes
1answer
87 views
angular ui-grid group by string column results in duplicate groups with duplicate rows
When I have array in json data, that holds 21 rows with 3 diffrent types of "AssetTypeName" (column) which is the column that the grid is groupped by, it will result in a grid that shows the same ...
3
votes
3answers
1k views
Angular UI-Grid onRegisterApi not firing
I've been trying for hours to get this working. I load a few grids organized by data category, then I'd like to have another grid at the bottom of the page with all data category agnostic. The grids ...
0
votes
0answers
50 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
18 views
Odd ui-grid bug with <!DOCTYPE html[]>
I'm experiencing what seems to be a bug in Angular's ui-grid. My index.html page has this at the top:
<!DOCTYPE HTML[]>
When I run the app, the column headers of the grids scroll of the page:
...
3
votes
2answers
616 views
ui grid filter toggling not working, “type was not recognised”?
I have a filter toggling button for toggle $scope.uiGridOptions.enableFiltering .
$scope.toggleFiltering= function () {
$scope.uiGridOptions.enableFiltering = !$scope.uiGridOptions....
0
votes
0answers
24 views
ui-grid external pagination is not appearing as expected
As you can see the shape of my ui-grid's pagination area is not appearing in the correct manner. It should appear as below. But as I'm not good at css, I could not solve it.
0
votes
0answers
5 views
Move aggregated line to bottom
I am using ui-grid which is grouped by one category column. If I have the property treeAggregationType in column definition it would show the total sum in the header row for that particular group.
I ...
6
votes
4answers
2k views
angular ui-grid/ng-grid filterChanged firing too frequently
I'm trying to implement a grid in angular, using server-side sorting, server-side pagination and server-side filtering. Using ui-grid (unstable), I added ui.grid.paging and got everything up and ...
0
votes
1answer
38 views
AngularJs & ui-grid: grid is ignoring gridOptions
I'm having issues with ui-grid to disable gridMenu and to rename my columns. I've made a plnkr so you can see: https://plnkr.co/edit/EGhvBGOJCKPzfupjCROx?p=preview
As you can see in script.js, I'd ...
