title: How can i make the entire row of a table clickable in react js using <Link> or any other way?
body: <p>here is the code</p>
  
  <pre><code>&lt;tbody&gt;
      &lt;tr&gt;
       &lt;td&gt;
        &lt;Link to={{pathname: '/user',
                   state: {
                     number: content.number,
                     name: content.name,
                     age: content.age
                   }
                 }}
        /&gt;
       {content.accountOwner}
      &lt;/td&gt;
      &lt;td&gt;
        {content.address}
     &lt;/td&gt;
     &lt;td&gt;{content.profession}&lt;/td
    &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p>This row becomes clickable in chrome but in IE as the  is put in the first column, only the first column becomes clickable and not the entire row.
  Can anyone please help me to resolve this issue? </p>