---
title: "how to make a whole row in a table clickable as a link?"  
description: "how to make a whole row in a table clickable as a link?"  
author: "Mark Devid"  
published: 2013-09-25  
updated: 2013-09-25  
canonical: https://www.mindstick.com/forum/1536/how-to-make-a-whole-row-in-a-table-clickable-as-a-link  
category: "css-css3"  
tags: ["css-css3"]  
reading_time: 1 minute  

---

# how to make a whole row in a table clickable as a link?

Is it possible to make a whole [row](https://www.mindstick.com/forum/1212/this-row-already-belongs-to-this-table) clickable as a [link](https://www.mindstick.com/articles/23633/link-builder)? I'm using [bootstrap](https://www.mindstick.com/articles/1555/image-viewer-using-bootstrap-carousel) andthe following doesn't work:

<tbody>

<a href="#">

<tr>

<td>Blah Blah</td>

<td>1234567</td>

<td>£158,000</td>

</tr>

</a>

</tbody>

## Replies

### Reply by Pravesh Singh

Hi Mark,

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

```
<tr>  <td><a href="#">Blah Blah</a></td>  <td><a href="#">1234567</a></td>  <td><a href="#">more text</a></td></tr>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; }
```


---

Original Source: https://www.mindstick.com/forum/1536/how-to-make-a-whole-row-in-a-table-clickable-as-a-link

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.