Angular ui.grid [[object HTMLDivElement]] will be displayed instead of data in each cell

Question

I am using angular 1.3 and angular ui bootstrap and ui-grid 3 (due to rtl support).

Here is the plunkr .

Answer 1

I fixed it with a string pattern, the only change is to add {{row.entity[col.field]}}a default string to the pattern.

Here is the result:

rowTemplate: "<div><div ng-repeat=\"col in grid.renderedColumns track by $index\" class=\"ui-grid-cell col{{ col.index }}\"><div class=\"ui-grid-vertical-bar\">&nbsp;</div><div class=\"ui-grid-inner-cell-contents\" ui-grid-cell=\"\" col=\"col\" row=\"row\" row-index=\"row.index\" col-index=\"col.colDef.index\">{{row.entity[col.field]}}</div></div>",