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
0 answers

how to keep the data as filtered and sorted from angular ui-grid and export it?

I'm using angular ui-grid for large set's of data, now i'm able to export the filtered result's from all paginations,when i apply the sort functionality along with it, it works on the view but not on the imported file, that is the user again needs…
1
vote
1 answer

How to filter in ui-grid so it can perform filters in 2 columns

Would it be possible to have a filter (not a unique filter but the one on top of each column) in column age1 filtering the column age2 also at the same time with an 'OR' condition ? So for example if I filter from 20 to 21 and I should get Nives,…
1
vote
0 answers

UI-Grid: sorting for "Export all data as csv" option

We've just discovered that our UI-Grid sort order is missing when we select the "Export all data as csv" option, whereas our "Export visible data as csv" is sorted as we have defined in the columns-defs. According to this it is because the…
Gatmando
  • 2,179
  • 3
  • 29
  • 56
1
vote
1 answer

Difference between name and field in ColumnDefs for ui-grid (AngularJS)?

Can anyone provide a practical example? From my understanding, field refers to the actual field you want to reference. That is, field should be the name of the variable (in the code) that you want to put in the table. displayName is more clear: it…
element_j
  • 103
  • 1
  • 1
  • 15
1
vote
1 answer

ui-grid How to disable client side filter?

I do server side filter, user type in top of a column, I generate filter string and load filtered data from server side. But I don't want the typed in filter to be in effect on client side too, it will filter out unexpectedly. For example, a column…
David WENG
  • 11
  • 2
1
vote
0 answers

ui grid dropdown load from 1 dimensional string array having dynamic data

I am having an ui-grid, one of its column having dropdown, which should be loaded from a string array like $scope.DepotNames = {'abc', 'xyz','uvw'}. These values comes from DB. All the example I have seen online used 2-d array(id and value) to load…
1
vote
1 answer

Programatically click on cell in ui-grid to get into deep edit

On beginCellEdit in ui-grid, I would like to programatically click on the cell to get into deep edit. Is there a method that would let me do this in the beginCellEdit eventhandler ? My beginCellEdit is shown below. …
1
vote
1 answer

ui-grid sort data after filter

I have this model containing labels in the user selected language. "status": [{ "id": "IN_PROGRESS", "label": "In progress" }, { "id": "KO", "label": "Everything is KO" }, { "id": "OK", …
anita
  • 11
  • 1
1
vote
2 answers

html tag question mark

I am using Angular Ui-Grid to display a table and have implemented the pager for said table. It creates a / to represent "of" as in this example "page 1 of 4". But underneath is some strange marking and when the mouse hovers the cursor turns into a…
Matt
  • 33,328
  • 25
  • 83
  • 97
1
vote
0 answers

Angular 4 + ui-grid (transpile on browser)

With Angularjs ui-grid used with Angular 4, I can't figure out how to avoid this: System.js successfully bootstrapped app. systemjs.config.js:117:9 Unhandled Promise rejection: [$injector:modulerr] Failed to instantiate module…
atao
  • 835
  • 6
  • 13
1
vote
0 answers

ui-grid highlight row while enableRowSelection is false

I'm working with angularjs but i have a problem with my ng-grid. First, the client didn't want the user to select a row just by clicking it. They wanted a single checkbox at the beginning of the row. To do that i had to disable the row selection by…
1
vote
2 answers

push overwriting previous ui-grid rowdata

Using angular ui grid I have included a button to the left of every row that when clicked would add the row to the cart, duplicate rows can be added to the cart so I get milliseconds to make each row unique, however each click of my cart button on…
Devnsyde
  • 1,297
  • 1
  • 13
  • 34
1
vote
2 answers

ng-click in Angularjs ui-grid cell Template doesn't work

I don't know why with the following template ng-click doesn't work:
Tuximo
  • 57
  • 11
1
vote
1 answer

How to create multi select for filters in ui-grid columns which are served from server side filtering?

I have a ui-grid on a page with server side pagination and server side filtering enabled, currently it has only a dropdown which shows the possible values of all the pages in the per page json from server. Now i need the user to give options to…
GOK
  • 2,338
  • 6
  • 34
  • 63
1
vote
1 answer

How to put a tooltip on a grid-ui select filter

In ui-grid, does anyone know how to create a tooltip that will show on the options of a select filter? For example, in the filter example tutorial, to have a tooltip show when you hover on the 'male', 'female',... options?
Fiddler99
  • 71
  • 6