Ag-Grid Link with link in the cell

ag-grid
Tom Brzeski picture Tom Brzeski · Sep 5, 2017 · Viewed 29.7k times · Source

I am building angular 4 app with ag-grid and I am having an issue with trying to figure out how to put a link in the cell. Can anybody help me with that issue? Thanks

Answer

C.O.G picture C.O.G · Sep 5, 2017

Please check this demo

cellRenderer: function(params) {
  return '<a href="https://www.google.com" target="_blank" rel="noopener">'+ params.value+'</a>'
}

In this demo, the cell value for the column 'city' is a hyperlink.

Related questions

How to upgrade/refresh the ag-grid after row delete?

I have an ag grid where i am trying to delete a row...I am able to remove the row from data source using "splice" technique,after that i want to refresh the table.But it is showing error.This …

Read More
Angular Grid ag-grid columnDefs Dynamically change

I have a problem about columnDefs change dynamically. Here is my gridOptions: $scope.gridOptions = { columnDefs: [], enableFilter: true, rowData: null, rowSelection: 'multiple', rowDeselection: true }; And when I retrieve data from server: $scope.customColumns = []; $http.post('/Home/GetProducts', { tableName: 'TABLE_PRODUCT' }).…

Read More
How to get the data of selected row in ag grid in angular2?

I have setup ag-grid in angular2 which works fine but i am not able to get the value of selected row...There are no errors in my console window...This is how i am initialising the grid... import {Component} from …

Read More