html - How to make entire table cell clickable when it has a hyperlink

this how trying not work

the thing is, gets 100% width equal table cell width height not change. how can make entire table cell clickable?

here do

  <td><a href="default.aspx?clusterid=1" class="btn-full">click here</a></td>

and inside css file

    .btn-full {     display: block;     width: 100%;     height: 100%; }

the bootstrap version use v 3.3.6

i testing latest version chrome : version 51.0.2704.106 m

in case, since other td in same row has more content, need make td contents equal height. below code should work above issue.

td{overflow:hidden;}    .btn-full {     display: block;     width: 100%;     height: 100%;     margin:-1000px;     padding: 1000px; }

M16