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

I’m using Bootstrap and the following doesn’t work:

<tbody>
    <a href="#">
        <tr>
            <td>Blah Blah</td>
            <td>1234567</td>
            <td>£158,000</td>
        </tr>
    </a>
</tbody>

You can’t do that. It is invalid HTML. You can’t put a <a> in between a <tbody> and a <tr>. Try this instead:

<tr onclick="window.location='#';">
   ...
</tr>

add style for pointer view

[data-href] { cursor: pointer; }

When you work up to it, you’d want to use JavaScript to assign the click handler outside the HTML.