How to make a row in table clickable …

Hi,

thanks for your post, and sorry for the trouble.

Making a row a link is not actually possible, as links and table rows are different things in browsers.
You can however use some JavaScript code to trigger the click on a link if a row is clicked. For some example code, please see this post: https://www.ads-software.com/support/topic/make-row-clickable?replies=18#post-4655516

Regards,
Tobias

Thank you for your very quick reply.

Actually I think, that I didn’t express myself correctly. What I want is the same functionality as in table at https://10beasts.com/best-wireless-routers/

When you click on “D-Link DIR-880L Dual-Band” you get to “https://10beasts.com/best-wireless-routers/#dir880l”

What do I need to do?

Hi,

then you would simply have to insert a link with a link text and a link target URL, using e.g. the “Insert Link” button below the table. A small dialog will open that allows you to enter the desired link text and URL.

Regards,
Tobias

Hi Tobias,
Thank you for the easy to use TablePress. I am new to WP and just getting to know the layout. I am sorry but I do not understand what you are referring to in the above thread, “then you would simply have to insert a link with a link text and a link target URL, using e.g. the “Insert Link” button below the table. A small dialog will open that allows you to enter the desired link text and URL.”

I do not see any “Insert Link” option when I am in the table itself.

Hi,

Thank you for your answer.

I have seen your “Insert Link” button in “Table Manipulation”. But when I tried to click either in Column A, B or C, I have no success. So where exactly do I need to click.

Also: Click should lead to a certain review on same site. So I don’t have special links, just maybe text to which a click should lead.

So this “click into the cell” makes those problems.

Hi,

@dougsails: Sorry for the delay here. Somehow, I wasn’t notified about your reply. The “Insert Link” button is in the “Table Manipulation” section on the “Edit” screen of the table.

@lojze: You should click the “Insert Link” button, then confirm that dialag that shows up (it will only show once per page load), and then click directly into the desired table cell.

Regards,
Tobias

It opens now, but I am still lost. Very specific question:

In my webpage at https://www.ilovecoffeesomuch.com/category/best-french-press-coffee-makers/ I have table with three columns. I want that when I click text in column A this leads me to article about this same product on the same page.

How?

Hi,

you will at first have to turn the headings that you want to jump to into link targets, by changing them like this:
<h3 id="1-sterlingpro-french-coffee-press">1. SterlingPro French Coffee Press</h3>

Then, you can add a link in the table with this HTML:
<a href="#1-sterlingpro-french-coffee-press">SterlingPro French Coffee Press </a>

Please do all this in the “Text” and not the “Visual” editor on the “Edit” screen of this page.
Then, please also remove the <pre> and </pre> HTML code around the table Shortcode.

Regards,
Tobias

Thank you for extremely quick reply.

I have done this:

1. Opened article in “posts” and there in “text editor”.

Now my product review title looks like this:

[table id=1 automatic_url_conversion=true automatic_url_conversion_new_window=true /]

<h3 id=”1-sterlingpro-french-coffee-press”>1. SterlingPro French Coffee Press</h3>

2. Now I am lost where should I put link in the table. Also in post (if yes, where) or not.

Hi,

yes, the Shortcode is correct (except that the parameters are not necessary), but you should see something like <pre> and </pre> around the Shortcode. This has to be removed.

Then, the
<h3 id="1-sterlingpro-french-coffee-press">1. SterlingPro French Coffee Press</h3>
is what you use in the regular text, as the new headings. (Right now, you have something like
strong>1. SterlingPro French Coffee Press</strong>
there only.

After that,
<a href="#1-sterlingpro-french-coffee-press">SterlingPro French Coffee Press </a>
is the link HTML code that you use inside the table cells.

Regards,
Tobias

SterlingPro French Coffee Press

… should be put within TablePress in which column? A or B …? Or within “Table manipulation” and “Insert Link”?

Hi,

that link HTML code would go directly into a cell in column A, where you want the link to appear.

Regards,
Tobias

Hi Tobias,
Thank you for the easy to use TablePress. I am new to WP and just getting to know the layout. I am sorry but I do not understand what you are referring to in the above thread, “then you would simply have to insert a link with a link text and a link target URL, using e.g. the “Insert Link” button below the table. A small dialog will open that allows you to enter the desired link text and URL.”

I do not see any “Insert Link” option when I am in the table itself. You can view my site https://sidesleeperreviews.com/ to for help me.

Thanks you