title: bootstrap hyperlink not working
body: <p>I've been trying to get the actual rows to be hyperlinked (clickable) but it seems they don't want to be active links, I've searched around on Google and websites say to use the "a href" which I've done but for some reason it isn't working for me, this is a bootstrap layout, if anyone could help me please that would be fantastic, thank you very much</p>
  
  <p>Edit: I've tried adding the "class='clickable-row' data-href='url://link-for-first-row/'" to the tr element but it still doesn't appear to be working, I did try to update the jsfiddle link but when I try to save it to post the link here the jsfiddle data wipes from my screen.</p>
  
  <p><a href="https://jsfiddle.net/r6wctrwk/" rel="nofollow">https://jsfiddle.net/r6wctrwk/</a></p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;table class="table table-bordered"&gt;
  &lt;thead&gt;
  &lt;tr&gt;
  &lt;th&gt;Firstname&lt;/th&gt;
  &lt;th&gt;Lastname&lt;/th&gt;
  &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
  &lt;a href="#"&gt;
  &lt;tr&gt;
  &lt;td&gt;John&lt;/td&gt;
  &lt;td&gt;Doe&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/a&gt;
  &lt;a href="#"&gt;
  &lt;tr&gt;
  &lt;td&gt;Mary&lt;/td&gt;
  &lt;td&gt;Moe&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/a&gt;
  &lt;a href="#"&gt;
  &lt;tr&gt;
  &lt;td&gt;July&lt;/td&gt;
  &lt;td&gt;Dooley&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/a&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>