AngularJS ui-grid render hyperlink
Actually, cellTemplate
works just the same in ui-grid as it did in ng-grid.
$scope.gridOptions.columnDefs = [
{ name: 'firstName' },
{ name: 'lastName'},
{ name: 'Hyperlink',
cellTemplate:'<div>' +
'<a href="http://stackoverflow.com">Click me</a>' +
'</div>' }
];
Working demo (open the links in a new tab, because plunker can't handle the awesomeness of SO)
A slight variation for dynamic links:
$scope.gridOptions.columnDefs = [
{
name: 'Hyperlink',
cellTemplate:'<div><a ng-href="{{row.entity.hyperlink}}">Click me</a></div>'
}
];
http://plnkr.co/edit/gDVUBwHolPnEatOrtt26?p=preview