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

ui-grid is blank when opening a bootstrap accordion a few seconds after the page loads?

So I'm currently attempting to dynamically create accordions which expand to a ui-grid containing some data. The issue is that if I do not expand the accordions within a few seconds of the page loading the ui-grid is blank. The outline of where the…
0
votes
1 answer

popover not working in ui-grid headerCellTemplate

I have added popover to headerCellTemplate, but it dosen seem to be working. headerCellTemplate: '
apps
  • 313
  • 1
  • 7
  • 17
0
votes
1 answer

How to set the Focus on Particular Cell in UI Grid

I have a situation where, if I edit Cell1, UI Grid will run validators for Cell1, but I also want to run the validators for Cell2. If Cell2 value is not proper then I want to set focus on Cell2 with validation message set in…
Parag Patil
  • 93
  • 2
  • 15
0
votes
1 answer

How to change displayed content in ui-grid?

I use uigrid in my angulrjs project: Here is content to display: $scope.arr = [{id:'124',name:'Max', IsMale:'true'}, {id:'589',name:'Anna', IsMale:'false'}, {id:'45',name:'Donna', IsMale:'false'}, …
Michael
  • 13,950
  • 57
  • 145
  • 288
0
votes
1 answer

Angularjs ui-grid load the columns lazily

Is there any way to load the columns lazily. I've a set of 5k columns and 100k rows. I'm using angularjs 1.5.7 and angular-ui-grid ^3.x. The grid works perfect with 100k rows and 100 columns. But if I tried to load more than 2k columns it takes…
faris
  • 1
  • 2
0
votes
0 answers

angular ui-grid api not available not bounding

vm.gridOptions = { enableSorting: true, columnDefs: [ {field: 'deviceName'}, {field: 'ip'}, { field: 'Action', enableSorting: false, cellTemplate:…
0
votes
2 answers

how to display with parentheses in ui-grid headers?

I have an array of object to display in ui-grid like this. JS var arr = [{ 'Reference': 1, 'Nominal load (daN)': 'xx', 'Nominal static deflection (mm)': 'yy' }, { 'Reference': 2, 'Nominal load (daN)': 'xx1', 'Nominal static…
Imoum
  • 745
  • 3
  • 12
  • 24
0
votes
0 answers

how to display an array in ui-grid?

I'm developping a hybride application i have an array with this structure controller.js function getReference(fam, souFam, db, trans, $q) { var arr = []; var deferred = $q.defer(); var query = null; if (trans == "fr") { query =…
Imoum
  • 745
  • 3
  • 12
  • 24
0
votes
2 answers

Why ui-grid reset to default state, after set filter, after restore state?

I'll created ui-grid and make functionality to save grid state to cookies via localStorageService. Then I change column width and save this state. After I restore state via 'gridApi.saveState.restore' and this do is perfect, but when I set filter,…
0
votes
0 answers

Issue with Infinite scroll while scrolling upwards UI Grid

http://plnkr.co/edit/Ueb6gr3Z0xqX5jwm9RMI?p=preview
This is the plunkr on UI Grid Infinite scroll tutorial (Just made 1 change, replaced lastpage < 4 to 14) To reproduce the…
Python Boy
  • 161
  • 1
  • 2
  • 12
0
votes
1 answer

Angular ui-grid use selectedrow feature to control content of a row column

I would like to the ui-grid row select feature to set the value of a column in the clicked row. I have a column in the DB named omit. I would like that value to equal the state of the selected row, so if the row is selected then omit = 1, if row is…
Sports Racer
  • 457
  • 6
  • 13
0
votes
1 answer

AngularJS ui-grid Get All grid data for Export

I need to have all data from ui-grid for exporting it to excel. I know it has already export function with all options like pdf, excel etc. I have a requirement to export it from our side. for that I need to have all data visible right now on…
Ameya Deshpande
  • 3,580
  • 4
  • 30
  • 46
0
votes
1 answer

UI-Grid more than one field per column

I need to import an Excel sheet to UI-Grid using JS-XLS in the same column where I retrieve data from database. For example, one of the columns is defined as: { field: 'employee_id', displayName: 'ID', width: "*"} From the sheet, the column I…
Radec
  • 65
  • 9
0
votes
1 answer

How to get row of ui-grid based on data in single column?

I use ui-grid from http://ui-grid.info/. I've tried many things already, but the docs are confusing for me (since I started learning angular recently). I do custom search tag system and I want to highlight the one of the rows based on user's…
Nawol
  • 81
  • 4
0
votes
0 answers

Select row doesn't work correctly on mobile

I run into this issue when I test the ui-grid on mobile. When I select a row, it select 2 rows at the same time but some time it just select only 1. It only happens on mobile Please see in this plunker