uigrid rows not rendered

[arnjmllr]

I have this same issue that has been mentioned before where there are rows in the grids data collection but they aren't rendered. They are rendered SOMETIMES, but not always. If I hit refresh on the browser MOST of the time the rows are NOT displayed. I tried some of the mentioned fixes: adding ui-grid-auto-resize="". In one post it was recommended to:

"put a binding on your page (in the html) to {{ defaultValues }}, directly above the grid."

and I was able to display the name for the row that should have been in the table. in addition to setting a breakpoint and seeing (at least at that point the grid data variable had at least 1 row.

It seems related to loading cellTemplates from an external file (at least for me). When I replaced cellTemplate: 'app/components/profile/profileCompanyActionsTemplate.html' with (this is same html that is in the file):

<div style="padding: 5px 10px; float:right;"><a style="padding:0 10px;" title="Skills" class="btn-small" ng-click="grid.appScope.showSkills(row.entity, row)"><span class="glyphicon glyphicon-wrench"></span></a><a style="padding:0 10px;" title="Attributes" class="btn-small" ng-click="grid.appScope.showAttributes(row.entity, row)"><span class="glyphicon glyphicon-list"></span></a><a style="padding:0 10px;" title="Delete" class="btn-small" ng-click="grid.appScope.delete(row.entity, row)"><span style="color:red;" class="glyphicon glyphicon-trash"></span></a></div>

it works (every time).

for now I'm using the inline method, but would like to know what I'm doing wrong when trying to use the html file approach.

Thanks

[noobd3v]

i was having same issue. in my case i was using a hidden tab on opening that tab data was not rendered. adding "ui.grid.autoResize" to module dependencies and "ui-grid-auto-resize" in html solved my problem.