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 format ui-grid date columns for different regions

Applying a date format to a grid is easily done { type: 'date', cellFilter: "date:\'MM/dd/yyyy\'" } however what if we want to display a different format for French - Canadian date:\'yyyy-MM-dd\' I have a grid which uses 'i18nService' to…
kiev
  • 2,040
  • 9
  • 32
  • 54
1
vote
1 answer

How do i select the server-side filtered item in ui-grid using angularjs?

I have a ui-grid table which has been implemented with Server-side filtering, now i have a scenario that i am passing the filtering term in my api from another page and coming to the ui-grid page with the filtered data for the grid but the selection…
GOK
  • 2,338
  • 6
  • 34
  • 63
1
vote
2 answers

Multi-select Drop-down filter AngularJS Logic

Thanks for taking the time to read my question. I am currently working on an AngularJS UI-Grid, I've implemented a Multi-select Drop-down Menu for the "First Name" column. However, I am having some issues understanding how to implement the logic…
1
vote
1 answer

AngularJS ui-grid grouping not grouping all the way

I am having a problem with the angular UI grid grouping functionality and have spent the better part of a day searching for an answer on both SO and online and cannot find an answer. What I've seen relates to grid 3.1.1 which I was using but I have…
SDSMTKyzer
  • 112
  • 10
1
vote
1 answer

Export to csv in ui-grid : exporterAllDataFn fires only when we have more than one page

exporterAllDataFn event fires only when we have more than one page : when i reduce the page size and i have two pages it fires but when i have only one page it doesn't fire.i have some code in exporterAllDataFn that must be run each time . is there…
1
vote
1 answer

$scope.gridApi.core.getVisibleRows does not update correctly with column clear filter

How to get the rows that are actually in the "Showing Items"? $scope.gridApi.core.getVisibleRows seems to be giving inconsistent values. http://plnkr.co/edit/FRaCNxKhZ242rFyqNDkm?p=preview gridApi.core.on.filterChanged($scope, function () { …
RedApple
  • 201
  • 1
  • 5
  • 15
1
vote
1 answer

Enable button only if atleast one row is selected in ui-grid angular

I have a ui grid with set of rows in it and a button below that.I want to disable button when no row is relected and enable it if atleast one row is selected. Below is the plunker of ui grid http://embed.plnkr.co/nAJ6h07ksn1MIYcHpQ0Q/ I tried to…
user7350714
  • 365
  • 1
  • 6
  • 20
1
vote
1 answer

Angular ui-grid | TypeError: Cannot read property 'core' of undefined

I am having trouble trying to bind my data to the data gridOptions. I read that doing a refresh would help load the data however when I add the logic it errors out. Please help... <<<<<< HTML Code >>>>>>
1
vote
0 answers

ui-grid with selection does not recive focus for ng-copy

I want to fire custom ctrl method when the user types ctrl+c on ui-grid. It works fine unless I use a ui-grid-selection plugin for ui-grid. The problem is that when the user clicks on table row ui-grid div does not receive focus. Here I provide a…
bwojdyla
  • 85
  • 10
1
vote
0 answers

Angular UI-Grid filtering

On my angular application I have a UI-Grid and a button to open a modal window. In my gridoptions I enabled external filtering. But the problem is whenever I enter the filter field and press enter the button(modal window) is triggered and the modal…
Brent Theunckens
  • 105
  • 1
  • 13
1
vote
1 answer

set Cell Style during export to excel in ui-grid

According to this link : http://plnkr.co/edit/w8w96ltypkxrZAWA54c1?p=preview I would set style to cell by this code : s: { fill:{bgColor: {rgb: "034221" }},font:{name:"Aharoni"}} but after downloading excel these styles are still not set.
1
vote
3 answers

angular ui grid Error: not found: .ui-grid-header-cell .ui-grid-cell-contents

Trying to find the issue causing the seconD table not to render and throwing following error: VM16604 angular.js:13236 Error: not found: .ui-grid-header-cell .ui-grid-cell-contents I am using…
Al Ex Tsm
  • 2,042
  • 2
  • 29
  • 47
1
vote
1 answer

ng ui-grid filter on startup

I can filter on a button click fine with: $scope.filter = function (value) { // todo: might need to get data via ajax here to reduce loading at the start console.log("Filter value '" + value + "' selected."); …
user441521
  • 6,942
  • 23
  • 88
  • 160
1
vote
1 answer

angular ui grid single filter + cellfilter

I have implemented the single filter with ui grid as said in doc. http://ui-grid.info/docs/#/tutorial/321_singleFilter But I have a cellFilter and when I filter, it filters on data, not rendered data with filter. Which is wrong for end user. For…
1
vote
1 answer

how ui-grid can customize dynamic number of header and data?

i have a ui-grid with this structure : http://plnkr.co/edit/qwfPVBfci4qbMEbwdNvM?p=preview how can I customize this grid to have different number of header or data . actualy i have to make dynamic funktion for difference kind of dataset for example…