Questions tagged [ui-grid]

For questions related to data grid module for AngularJS which is part of AngularUI.

should be used for questions related to data grid module for which is part of

Usage

<div ng-controller="MainCtrl">
  <div ui-grid="{ data: myData }" class="myGrid"></div>
</div>

References

483 questions
1
vote
1 answer

The strange problems with ui-grid V4.0.2

This is an example I copied from http://ui-grid.info/ and use thymeleaf template when i link the local file(ui-grid.min.js & ui-grid.min.css, this two files download from ui-grid.info), browser(chrome 57.0.2987.98) console will throws error…
A_Wen
  • 783
  • 2
  • 6
  • 8
1
vote
1 answer

ui-grid dynamic cellFilter

Using ui-grid I'd like to have a column with a dynamic cellFilter, so it can be updated, for example from 'number' to 'currency'. I tried changing the parameter cellFilter from the column but it doesn't reflect in the grid. I tried also reference…
1
vote
1 answer

Angular UI-Grid conditional coloring selection

I want to apply conditional coloring based on data in my grid. Im using the cellClass function in columnDefs for this. My problem is that these classes are not updated on selection change, and i'm not able to define colors for rows that are selected…
bitwise
  • 170
  • 12
1
vote
1 answer

How to remove persistent empty row at top of AngularJS ui-grid?

I have a Angular ui-grid with the following grid options: $scope.gridOptions = { data: 'gridData', enableColumnMenus: false, enableRowSelection: false, enableFullRowSelection: false, …
CurlyShuffle
  • 135
  • 13
1
vote
0 answers

Override headerCellTemplate of all columns in angular-ui-grid

I am creating a directive on top of angular-ui-grid and I want to modify the default header cell template. I want to override headerCellTemplate of all columns without setting it for each column individually. Looping through columnDefs and adding…
Arashsoft
  • 2,749
  • 5
  • 35
  • 58
1
vote
1 answer

how to keep track of the order of selected rows in UI-Grid?

AM using UI-GRID in an angular project an am wondering is there a way to keep track of the order of selected rows (allowing the user to select/unselect rows) the order gridApi.selection.getSelectedRows() returns is not ideal to work with .Any ideas…
Mero
  • 622
  • 12
  • 24
1
vote
0 answers

How to create a searchable dropdown in UI Grid using angular js?

I was tried like this, using this simple dropdown will appears { displayName: "Name", name: 'ID', field: 'ID', minWidth: 350, editType: 'dropdown', editableCellTemplate: 'ui-grid/dropdownEditor', …
nkota
  • 555
  • 1
  • 6
  • 15
1
vote
2 answers

How to remove sort from specific column in ui grid?

I have following code which is working fine for not having filters. Also able to set width even if it is a resizable grid. But sort is the only problem. Not able to remove the sort option from Edit column data. sortable: false is not working in my…
Mithun Shreevatsa
  • 3,588
  • 9
  • 50
  • 95
1
vote
1 answer

How to show only group in ui-grid , rather than having separate column in grid?

In ui-grid for grouping column, there are some examples , but all thoose having separete columns for grouping. i saw below example Any better approaches in achieving multi-column grouping in UI-Grid header? But in this, there is merchant column is…
Yugandhar
  • 333
  • 1
  • 4
  • 13
1
vote
0 answers

Integrating Sparkline High Chart in Angular Nested UI Grid

I am trying to integrate spark line high chart in Angularjs nested UI grid. I have implemented Highcharts.SparkLine function within row expand event in UI grid. Is there any function like rowExpandComplete in Angular…
ShaMoh
  • 1,490
  • 3
  • 18
  • 34
1
vote
1 answer

UI-Grid showing undefined in cell dropdown

When having a dropdown in a cell for the angular ui-grid all values show as undefined. Here is the grid setup in my controller. var status = [ { id: 1, type: 'Closed' }, { id: 2, type: 'Pending' }, { id: 3, type: 'Open' } …
user441521
  • 6,942
  • 23
  • 88
  • 160
1
vote
0 answers

Convert div/ui grid to svg

I need to be able to convert UI grid or a div that contains it into svg. So far I have used library called html2canvas, pass it a div id and export it into a canvas. Now I'm stuck as there is no way I can find that would allow me to take that…
Dodi
  • 2,201
  • 4
  • 30
  • 39
1
vote
1 answer

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, paginationPageSize: 5 …
Affan
  • 150
  • 11
1
vote
1 answer

Calling function on dropdown AngularJS

I have an interesting scenario happening right now and it's confusing me, this question is initially meant for those who are familiar with Angular UI Grid. However, you are welcome to answer. I have a UI Grid that I call a drop down through a…
McMintz
  • 254
  • 6
  • 19
1
vote
1 answer

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 files in font folder and changed my css to. Since…
Nitishkumar Singh
  • 1,781
  • 1
  • 15
  • 33