index.htmlのデーブルの行をクリックした時にモーダル表示とボタンが重複する

前提・実現したいこと

index.html.hamlのテーブルの行(table row)をクリックしたら詳細をモーダルウィンドウで表示するようにしています。。
ですが、テーブル内のボタンをクリックした時にもモーダルウィンドウが表示されてしまうので、ボタンクリック時はモーダル表示させないようにしたいです。

現在のソースコード

haml
1%tbody
2  - @clients.each do |client|
3    %tr{ "data-target" => "#client-modal#{client.id}", "data-toggle" => "modal" }
4      = render 'modal', client: client
5      %td.text-center
6        - if client.deleted?
7          %i.fas.fa-check.text-danger
8     
9      %td= client.company_name
10      %td= client.base_name
11      %td= client.phone
12      %td= client.fax
13      %td= simple_format(client.address_to_display)
14      %td
15        %span{ class: client.payment_class }= client.payment_i18n
16      %td
17        %ul
18          - client.client_types.each do |client_type|
19            %li{ class: client.client_type_class(client_type) }= client_type.ja_name
20      %td.text-right
21        = show_btn(client)
22        = edit_btn(client)
23

テーブルの行すべてにモーダル表示を適用させているため、ボタンを押してもモーダル表示されてしまう。

試したこと１

haml
1              %tr
2                = render 'modal', client: client
3                %td.text-center{ "data-target" => "#client-modal#{client.id}", "data-toggle" => "modal" }
4                  - if client.deleted?
5                    %i.fas.fa-check.text-danger
6                %td{ "data-target" => "#client-modal#{client.id}", "data-toggle" => "modal" }= # TODO: 年間契約カラムが追加されたら
7                %td{ "data-target" => "#client-modal#{client.id}", "data-toggle" => "modal" }= client.company_name
8                %td{ "data-target" => "#client-modal#{client.id}", "data-toggle" => "modal" }= client.base_name
9                %td{ "data-target" => "#client-modal#{client.id}", "data-toggle" => "modal" }= client.phone
10                %td{ "data-target" => "#client-modal#{client.id}", "data-toggle" => "modal" }= client.fax
11                %td{ "data-target" => "#client-modal#{client.id}", "data-toggle" => "modal" }= simple_format(client.address_to_display)
12                %td{ "data-target" => "#client-modal#{client.id}", "data-toggle" => "modal" }
13                  %span{ class: client.payment_class }= client.payment_i18n
14                %td{ "data-target" => "#client-modal#{client.id}", "data-toggle" => "modal" }
15                  %ul
16                    - client.client_types.each do |client_type|
17                      %li{ class: client.client_type_class(client_type) }= client_type.ja_name
18                %td.text-right
19                  = show_btn(client)
20                  = edit_btn(client)
21                  = destroy_btn(client, "#modal-danger-#{client.id}")
22

テーブルの行ごとでは無く、クリックするとモーダル表示させたいセルのみに指定しました。
しかし、同じコードを９回も書いているのでもう少しスマートにしたい。

試したこと２

テーブルの親にcolgroupタグを追加し、ボタンのあるセル以外にモーダル表示させるコードを追加したが、モーダル表示しなくなってしまった。

haml
1%table.table.table-hover.text-nowrap
2 %colgroup{ span: '9', "data-target" => "#client-modal#{client.id}", "data-toggle" => "modal"}
3    %thead
4