title: How to display a hyperlink in a cell with jQuery DataTables
body: <p>I have some Ajax data read into jQuery DataTables. Problem is I need to make the data in the first column into a hyperlink. As in <code>&lt;td&gt;&lt;a href = "5555.html"&gt;5555&lt;/a&gt;&lt;/td&gt;</code>.</p>
  
  <p>My JSON data:</p>
  
  <pre><code>{
     "data": [
        ["5555","07/17/2010","RCC Saturday Open","E10","Harris, Fred","1900","Nikolayev, Igor (FM)","2367","1-0"],
        ["5554","07/17/2010","RCC Saturday Open","B01","Nikolayev, Igor (FM)","2367","Motroni, Richard","1728","1-0"]
     ]
  }
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>$(document).ready(function() {
     $('#cccr').DataTable( {
        "render": function ( data, type, row ) {
           return '&lt;a href="basic.php?game=' + data + '&gt;&lt;/a&gt;'; //doesn't work
        },
        "ajax": 'games.json',
        "deferRender": true
     } );
  } );
  </code></pre>
  
  <p>I'm not too knowledgeable about JavaScript. I was unable to figure it out after hours of googling the datatables.net website.</p>
  
  <p>Can anyone please help ?</p>