How to allow table cell to have an action when table row loads a different page?

I have a table that allows you to hover on a row and if you click on it you are taken to another page. Also in the row I have checkboxes and a cell with that displays a dropdown when clicked, but when I click on either of them the table’s row’s click action is triggered – which I only want to happen if the user clicks on any area except where there is another action happing on one of the cells in the row.

Here’s the click action for the row.
<tr dmx-on:click="CurrentPage.goto('contact-details-regular.html?c='+uuid)">

Why is it happening when I click on the checkbox?

Why is it happening when I click on the dropdown menu?