How to get hyperlink in AngularJS UI-grid?

Hi,

Am using hyperlink in seperate row(Details) for the pupose of showing pop up screen. its working fine. But how to get hyperlink in below field data(TransactionID) itself in UI-gird. How to achieve this in AngularJS

Plese find the script below:

$scope.gridOptions = {

appScopeProvider: {

onClick: function (row) {

window.open('/TransRecord/ShowTransRecord?id="' + row + '"&cnmae="' + $scope.SelectedCustomer.Name + '"', "_blank", "height=600,width=800,toolbar=no,location=no,menubar=no,titlebar=no");

}

data: 'SearchGridData',

enableSorting: true,

paginationPageSizes: [25, 50, 75],

paginationPageSize: 5,

multiSelect: false,

enableRowSelection: true,

enableFiltering: false,

columnDefs: [

{

field: "TransactionID", cellTemplate: '

' +

' "Details" - (Here i need to show the field value(Transaction ID) ' +

' , width:150},

{ field: "TransactionID", width: 120 },

{ field: "Date", width: 120 },

{ field: "OrderID", width: 120 },

{ field: "OrderName", width: 120 }],

onRegisterApi: function (gridApi) {

$scope.grid1Api = gridApi;

$scope.txnid = undefined;

gridApi.selection.on.rowSelectionChanged($scope, function (row) {

TransactionId = row.entity.Transactionid

});

}

};

Thanks in advance