Questions tagged [angular-ui-grid]

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.

UI Grid is a datagrid written in by the AngularUI Team, no jQuery.

It is a high-performant datagrid using virtualization for rendering rows and really shines when you have lots of rows.

1895 questions
0
votes
1 answer

AngularJS UI-Grid: dynamical column width calculation

I am using AngularJS UI-Grid (latest version) to display datasets with different columns count and column names and data itself (CSV files uploaded by users), and I can't make columns to render with proper width - typically that files have more than…
svfat
  • 3,273
  • 1
  • 15
  • 34
0
votes
1 answer

giving different color scheme to (odd/even) for rows within rows in UI grid using Angular JS

I am trying to divide a Row into two ie. Row Span in Angular JS UI Grid. I am not able to find how to do this.I need different color schemes for rows within the rows of the UI grid. The Plunker code is…
someGuy
  • 63
  • 15
0
votes
3 answers

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 group multiple times. The only group that appears one…
aghaux
  • 729
  • 4
  • 14
  • 38
0
votes
1 answer

Why the gridApi.on.edit.beginCellEdit in angular-ui-grid cannot update the new drop-down options immeidiately?

I have the same problem with this one Why ui grid value drop-down box will be assigned in the event fires before beginCellEdit in angular And have little bit difference. After I updated the editDropdownOptionArray it still keep the old value, It's…
TakiNT
  • 33
  • 8
0
votes
1 answer

UI grid cellTemplate editableCellTemplate doesn't lose focus

i'm using angular-ui-grid and am trying to show a combination of of a couple cell templates. I need some grid cells to change class/color based on a property of the entity. I need other cells to show a button that can toggle on/off and only appear…
Yep
  • 141
  • 1
  • 13
0
votes
1 answer

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 I show an alert when I click the icon? Here is…
user944513
  • 12,247
  • 49
  • 168
  • 318
0
votes
1 answer

angular ui grid rebind data with new columns

This issue is very similar to this below issue: Angular js UI grid is not getting updated with new content but, what is my problem is, on rebind, i am using different data and columns. So when i do that on button click, the grid is not…
NewBuddy
  • 55
  • 1
  • 2
  • 6
0
votes
1 answer

angular-ui-grid nested in angular-ui-layout with 100% height

I am trying to show an angular-ui-grid in one of the containers/panes of an angular-ui-layout. The container should contain a toolbar at the top and the remaining space should be filled by either a chart or the corresponding data table which I tried…
NicolasR
  • 2,222
  • 3
  • 23
  • 38
0
votes
0 answers

Custom typeahead in angular ui-grid header, css issue

I'm trying to create a custom typeahead in my ui-grid header for filtering purposes and I blocked on a css issue. I want that my filter-child directive is displayed over the grid rows. I cannot achieve that using overflow: visible; or with z-index…
magneto
  • 105
  • 2
  • 15
0
votes
1 answer

Angular ui-tab not refreshing after hiding

I'm looking to hide tabs and then display them, but I'm facing a refreshing problem. In fact if I select one chart then click on the hide botton to display the grid, it hides the other tabs but it displays always the nvD3 charts instead of the…
0
votes
1 answer

Angularjs ui-grid - exported excels cell formatting

I am exporting the json data through angularjs ui-grid to the excel format. I see few formatting properties for pdf , but not for excel. Could someone help how to format the excel cell of this exported csv. Or if the formatting can be done at all…
0
votes
2 answers

ui-grid, could not understand if I can set the editDropdownOptionsArray from a $http.get

I was looking at the Ui Grid tutorials and saw them using a filter to populate drop downs within each row of the grid. I am trying to understand the concept and see if I may use this to get the options using a $http.get method or using a…
Kangkan
  • 15,267
  • 10
  • 70
  • 113
0
votes
0 answers

angularjs ui-grid celltemplate to show html styling

I have content that i would like to render on the cell as html template, i.e. when the tags are shown it should display as font color red. is it possible using ui-grid Record is not processed in Indicator section by…
josh_boaz
  • 1,963
  • 7
  • 32
  • 69
0
votes
1 answer

Angular UI Grid filter using a button

Using Angular UI Grid http://ui-grid.info/docs/#/tutorial/321_singleFilter, I want to have a single button to filter "Company = Mixers" only. The filter works using the input but how do I apply a single filter to a button? Plunker:…
simple
  • 2,327
  • 7
  • 35
  • 55
0
votes
1 answer

Focus by default in filter header angular ui grid

I have gone through the documentation forward and back and I cannot seem to find a way to give the header filter for one of the columns focus when it loads. The user typically filters on the same column every single time. I use these grids for line…
kevindstanley
  • 272
  • 2
  • 6
  • 19