如何在可点击的行中制作不可点击的列

Question

我在 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>

如何使第一个列不可点击？

Answer 1

改变

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

要专门收听列，即 td，而不是：

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

!$(this).index() 是简写，"if the index of the clicked column is 0"，即第一列。

如何在可点击的行中制作不可点击的列

How to make unclickable column in clickable row

html

jquery

tablerow

clickable