title: How to give a link in cell with other cell value in ag-grid in Angular?
body: <p>I am trying to create a clickable cell having urllink of other cell which I am getting from my http.get call.</p>
  
  <p>I am creating a ag-grid link with http.get call.
  Getting data.
  1- Report.
  2- ReportLink.
  I wanted to show Report header but don't want to show reportLink but Instead I want that report header to be clickable and redirect to the reportLink which I am getting in http.get call.</p>
  
  <p>I have already check all links provide in #stackoverflow but nothing seems relevant. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>{
  headerName:"Buy Report",
          field:"buy_report",
          width:120,
          cellStyle: { 'text-align': "left" },
          cellRenderer: function(params) {
              return '&lt;a href="http://local.com/past-recommendations/'+params.value.toLowerCase()+'" target="_blank"&gt;'+ params.value+'&lt;/a&gt;'
          }
  
  
  onGridReady(params){
      this.gridApi = params.api;
      this.gridColumnApi = params.columnApi;
  
      this.http.get("http://local.com/past-recommendations")
      .subscribe(data=&gt;{
        this.rowData = data as any;        
      });</code></pre>
  </div>
  </div>
  </p>
  
  <p>with above example I am getting link on my cell but what I want is 
  cellRenderer</p>
  
  <p>Instead of params.val I could use my second column (link).</p>
  
  <p>I hope , I able to express what I want but if you need any clarification am ready to give more.
   I have searched a lot but nothing seems related to my query.</p>
  
  <p>Hope to get an answer here now.</p>
  
  <p>thank you very much in advance to give a look on this.</p>