Home > DeveloperSection > Forums > how to make a whole row in a table clickable as a link?
Mark Devid
Mark Devid

Total Post:102

Posted on    September-25-2013 7:49 AM


 1 Reply(s)
 4007  View(s)
Rate this:

Is it possible to make a whole row clickable as a link? I'm using bootstrap andthe following doesn't work:


    <a href="#">


            <td>Blah Blah</td>






Pravesh Singh

Total Post:412

Posted on    September-25-2013 9:56 AM

Hi Mark,

You could include an anchor inside every <td>, like so:


  <td><a href="#">Blah Blah</a></td>

  <td><a href="#">1234567</a></td>

  <td><a href="#">more text</a></td>


You could then use display:block; on the anchors to make the full row clickable.

tr:hover {

   background: red;


td a {

   display: block;

   border: 1px solid black;

   padding: 16px;


Don't want to miss updates? Please click the below button!

Follow MindStick