Make a table row non clickable using HTML

Question

I have a table that has 3 rows.

<a href="www.google.com">
<table style="width:100%">
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>

  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>

  <tr>
    <td>Non Clickable</td>
  </tr>
</table>
</a>

I want to make the 3rd row non clickable using HTML. Is it possible?

I do not wish to apply anchor tag inside each individual <td>.

Thanks in advance.

Why do you need to make text unclickable? What's the real goal? — j08691
– j08691, Commented Jun 21, 2021 at 14:41
How do think that this can be done when you added the whole table inside a tag ? — JS_INF
– JS_INF, Commented Jun 21, 2021 at 14:42
Having an entire table be a link is pretty strange to begin with. What are you trying to accomplish? — David
– David, Commented Jun 21, 2021 at 14:42
Do you mean make the 3rd table row non-clickable using Javascript? — Professor Abronsius
– Professor Abronsius, Commented Jun 21, 2021 at 14:44

JohnP · Accepted Answer · 2021-06-21 15:32:40Z

1

You're basically asking: "Can I have some text inside an anchor tag be clickable and other text not clickable?" To which the answer is, "No, that's not how HTML works." By declaring an <a href="foo.html">...</a> tag, you're declaring that the entire content of that tag should be linked to foo.html.

It looks like you're going to have to put the links inside the table (and, really, you should have a link inside each <td>, annoying as that can be).

answered Jun 21, 2021 at 15:32

JohnP

1,3098 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Make a table row non clickable using HTML

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related