question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Make <TR> a Link in Responsive

See original GitHub issue

Is your feature request related to a problem? Please describe. Hello ! I would like to make my table clickable, even for the duplicated <th>, in responsive. Currently I can only make the <Td> be Link, but not the <Th>.

Describe the solution you’d like It would be great if we could setup a parameter to make the hole line clickable in responsive, or even in desktop.

Describe alternatives you’ve considered I did put <Link> in all my <Td> to not break CSS. It works in responsive but the left part of the table, with column title, is not clickable.

Additional context Thank you for your work, it’s great to use !

Edit : added tags

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
YoannBuzenetcommented, Mar 21, 2020

Completely, it works 😃

Thank you !!

1reaction
costoncommented, Mar 21, 2020

@YoannBuzenet, would using an onClick handler work in your case?

<Tr onClick={() => window.location.href = 'https://coston.io'}> 

This would allow navigation from any part of the row, even when pivoted.

Read more comments on GitHub >

github_iconTop Results From Across the Web

how to make a whole row in a table clickable as a link?
A very easy option is just use on-click, and more correct, in my point of view, because this separate the view and controller,...
Read more >
Make your table rows clickable (with a link) - YouTube
As you cannot make an entire table row ( tr ) clickable (or linkable) using plain HTML, we need to resort to JavaScript...
Read more >
How to make whole row in a table clickable as link in Bootstrap
To make the entire row as clickable in this case, one can use a link <a> tag to wrap its content. Here's an...
Read more >
How to make a table row a link - Robert Cooper
Solution 1: Use JavaScript. JavaScript can be used to programmatically navigate a user to another page when a table row is clicked. There...
Read more >
Using <a> element instead of <tr> to get clickable rows
I want to create clickable rows in an html table. Each row should be a link leading to a different page. I can...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found