環境：Boostrap，C#.Net Core MVC，Html,Css,Jquery

小弟目前做了個報表，使查詢出來的結果每一列都成為超連結，但是我的TR內有一個Button，是使用到boostrap的modal，當我點擊此button時，會同時觸發modal和超連結，我想要避免點擊button時觸發超連結該如何處理？

有想過一個最智障的方法，把除了button的欄位之外的td做超連結，我總共有14個欄位，這樣做蠻蠢XD......

先感謝大家

語法大致如下

//HTML
<tr title="開啟" class='clickable-column'
data-id="@e.Funding_Id" 
data-unit="@e.Bs_unitno" 
data-season="@e.Season"                                                        data-area="@e.FundingArea"                                                    data-year="@e.Year">     
<td>略........<td>
<td> <button  data-toggle="modal" data-target="#myModal">  Modal </button> <td>
</tr>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
</div><!-- /.modal -->


//JS
 $(".clickable-column").click(function () {
    var season = $(this).data("season");
    var area = $(this).data("area");
    var year = $(this).data("year");
    var id = $(this).data("id");
    var unit = $(this).data("unit");

        window.open(....);
        });

最終解決辦法，將除了modal以外的td都附上class【clickable-column】
將data-xxx內容放在tr，使用jquery closet("tr")取出該值即可，也不會太蠢~

$(".clickable-column").click(function () {
    
    var tr = $(this).closet("tr");

    var season = tr.data("season");
    var area = tr.data("area");
    var year = $tr.data("year");
    var id = tr.data("id");
    var unit = tr.data("unit");

    window.open(....);
    });