Comment faire colonne cliquables dans la ligne cliquable

Question

J'utilise des lignes cliquables dans ma table:

<tbody> 
    <tr class="clickable-row data-href='url://'> 
     <th>First</th> 
     <th>Second</th> 
     <th>Third</th> 
    </tr> 
</tbody> 

<script> 
    jQuery(document).ready(function($) { 
     $(".clickable-row").click(function() { 
      window.document.location = $(this).data("href"); 
     }); 
     $('[data-toggle="tooltip"]').tooltip() 
    }); 
</script> 

Comment faire Première colonne cliquables?

Answer 1

changement

$(".clickable-row").click(function() { 

Pour écouter spécifiquement aux colonnes, à savoir td, au lieu:

$(".clickable-row").on('click', 'td', function() { 
    if (!$(this).index()) return; 

!$(this).index() est une courte distance de dire: "si l'index de la colonne cliquée est 0" , c'est à dire la première colonne.

Answer 2

J'espère que cela aide!

<tr class="clickable-row data-href='url://'> 
     <th onclick="return false;">First</th> 
     <th>Second</th> 
     <th>Third</th> 
</tr>