Clicking on a row must redirect the page to another URL
<p>I'm using a Datatable in my .Net MVC application. 
Currently I have implemented the following:</p>

<ul>
<li>The first column of the table is 'ID' and its data is clickable.</li>
<li>Clicking on the data redirects the user to another page.</li>
<li>The URL where the user is redirected is dependent on the ID being clicked. Hence each row has a unique URL.</li>
</ul>

<p>Atop of this I have one condition applied which is as follows:</p>

<ul>
<li>There's another row named Status. It contains one of these values: Draft or Saved.</li>
<li>So based on the value of Draft the URL to be redirected is decided.</li>
</ul>

<p>Here's my current script:</p>

<pre><code>"ajax":
   {
     "url": "/Request/Search/LoadData",
     "type": "POST",
     "datatype": "json",
     "data": function (d) {
       d.obj = searchFilters();
     },
   },
   "columns":
     [
       {
         "data": "RequestNo",
         "render": function (data, type,row, full, meta) {
           if (row.Status == "Draft") {
             return '&lt;a href="/ChopRequest/Request?RequestId=' + data + '"&gt;' + data + '&lt;/a&gt;';
           } else {
             return '&lt;a href="/ChopRequest/ViewRequest/Index?id=' + data + '"&gt;' + data + '&lt;/a&gt;';
           }
         }
       }
     ]
</code></pre>

<p><strong>So in this case the only option the user has is to click the data in the very first column. Instead I want the entire row to be clickable while preserving the above mentioned conditions.</strong> </p>

<p>Can anyone tell me how can I achieve this?</p>