Title: Make row Clickable
Last modified: August 21, 2016

---

# Make row Clickable

 *  Resolved [Mark2201](https://wordpress.org/support/users/mark2201/)
 * (@mark2201)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/make-row-clickable/)
 * Hi,
 * I recently started using Tablepress and I think it is a great tool, keep up the
   good work 🙂
 * I have made a table and i want to make a row clickable where it uses the link
   which I use in the right column.
 * This is the site: [http://www.forento.be/pensioensparen/](http://www.forento.be/pensioensparen/)
 * In the right column there will be links and the whole row should be clickable.
 * I have been searching on Google but i have been unable to find a solution for
   this.
 * Many thanks for your help.
 * [http://wordpress.org/plugins/tablepress/](http://wordpress.org/plugins/tablepress/)

Viewing 15 replies - 1 through 15 (of 29 total)

1 [2](https://wordpress.org/support/topic/make-row-clickable/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/make-row-clickable/page/2/?output_format=md)

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/make-row-clickable/#post-4131178)
 * Hi,
 * thanks for your question.
 * This should be possible with some extra JavaScript code, that you could for example
   add to the end of the page that has the Shortcode:
 *     ```
       <script type="text/javascript">
       jQuery(document).ready(function($){
         $('.tablepress-id-1').on( 'click', 'tr', function() {
           var $a = $(this).find('a').last();
           if ( $a.length )
             window.location = $a.attr('href');
         } );
       });
       </script>
       ```
   
 * When someone clicks on the row, this should trigger a link on the last link that
   is in the row.
    Additionally, you might want to change the mouse cursor for the
   row hover, by adding this to the “Custom CSS” textarea on the “Plugin Options”
   screen of TablePress:
 *     ```
       .tablepress-id-1 tr:hover {
           cursor: pointer;
       }
       ```
   
 * Regards,
    Tobias
 *  Thread Starter [Mark2201](https://wordpress.org/support/users/mark2201/)
 * (@mark2201)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/make-row-clickable/#post-4131210)
 * Hi Tobias,
 * Thanks for your quick reply, I have tried to add the code but it unfortunately
   doesn’t seem to work 🙁
 * Do you have any idea what could cause it not to work?
 * Thank you.
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/make-row-clickable/#post-4131212)
 * Hi,
 * it works fine for me on the page that you linked to, above… If I click the first
   row, it sends me to the URL from the link in that row’s last column.
 * Regards,
    Tobias
 *  Thread Starter [Mark2201](https://wordpress.org/support/users/mark2201/)
 * (@mark2201)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/make-row-clickable/#post-4131213)
 * Replied too quickly, everything now works!
 * Thanks
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/make-row-clickable/#post-4131215)
 * Hi,
 * Very nice! Good to hear that this helped! 🙂
 * Best wishes,
    Tobias
 * P.S.: In case you haven’t, please [rate TablePress](http://wordpress.org/support/view/plugin-reviews/tablepress)
   here in the plugin directory. Thanks!
 *  Thread Starter [Mark2201](https://wordpress.org/support/users/mark2201/)
 * (@mark2201)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/make-row-clickable/#post-4131356)
 * Hi Tobias,
 * I have just added another Table to another page [http://www.forento.be/spaarrekening/](http://www.forento.be/spaarrekening/)
 * and add the code you mentioned but for some reason the rows are not clickable,
   do your maybe know what I am doing wrong?
 * Many thanks.
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/make-row-clickable/#post-4131357)
 * Hi,
 * you must not forget to adjust the table ID in the JavaScript code and in the 
   CSS code (from 1 to 3 now). Also, you’ll need some links in the table to use 
   the function 🙂
 * Regards,
    Tobias
 *  Thread Starter [Mark2201](https://wordpress.org/support/users/mark2201/)
 * (@mark2201)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/make-row-clickable/#post-4131358)
 * Thanks for your quick reply.
 * How do I enable this in the CSS for multiple tables?
 * Mark
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/make-row-clickable/#post-4131360)
 * Hi Mark,
 * in the CSS, just copy and paste the CSS code that I posted above and also adjust
   the table ID in the copy.
 * Regards,
    Tobias
 *  Thread Starter [Mark2201](https://wordpress.org/support/users/mark2201/)
 * (@mark2201)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/make-row-clickable/#post-4131361)
 * Thanks, have a great weekend!
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/make-row-clickable/#post-4131362)
 * Hi,
 * no problem, you are very welcome! 🙂
    Have a great weekend, too!
 * Best wishes,
    Tobias
 * P.S.: In case you haven’t, please [rate TablePress](http://wordpress.org/support/view/plugin-reviews/tablepress)
   here in the plugin directory. Thanks!
 *  [BHruska](https://wordpress.org/support/users/bhruska/)
 * (@bhruska)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/make-row-clickable/#post-4131446)
 * I’m trying to use this idea with my table, but I want the link to be in an invisible
   column. I’ve tried monkeying with the visibility css setting, which makes the
   data invisible, but the column still takes up space. Ideas?
 * Thanks,
    Brian
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/make-row-clickable/#post-4131447)
 * Hi Brian,
 * instead of using the `visibility` property, you’ll want to use
 *     ```
       display: none;
       ```
   
 * The difference between those is exactly that thing with taking up space while
   being invisible.
 * Regards,
    Tobias
 *  [g051798](https://wordpress.org/support/users/g051798/)
 * (@g051798)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/make-row-clickable/#post-4131448)
 * Hi Tobias,
 * I am trying to implement this code in my site. However, it is not working. The
   css is working fine to change the pointer but the javascript code is not working.
   I have updated the code for the correct table id. I was wondering if you could
   have a look:
 * [http://peerlendingserver.com/loans/](http://peerlendingserver.com/loans/)
 * Thanks for any advice,
    John
 *  [BHruska](https://wordpress.org/support/users/bhruska/)
 * (@bhruska)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/make-row-clickable/#post-4131449)
 * Worked perfect. Your support is world class.
 * Thanks,
    Brian

Viewing 15 replies - 1 through 15 (of 29 total)

1 [2](https://wordpress.org/support/topic/make-row-clickable/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/make-row-clickable/page/2/?output_format=md)

The topic ‘Make row Clickable’ is closed to new replies.

 * ![](https://ps.w.org/tablepress/assets/icon.svg?rev=3192944)
 * [TablePress - Tables in WordPress made easy](https://wordpress.org/plugins/tablepress/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/tablepress/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/tablepress/)
 * [Active Topics](https://wordpress.org/support/plugin/tablepress/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/tablepress/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/tablepress/reviews/)

## Tags

 * [clickable](https://wordpress.org/support/topic-tag/clickable/)
 * [column](https://wordpress.org/support/topic-tag/column/)
 * [links](https://wordpress.org/support/topic-tag/links/)

 * 29 replies
 * 7 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [11 years, 10 months ago](https://wordpress.org/support/topic/make-row-clickable/page/2/#post-4131471)
 * Status: resolved