Clickable Row with clickable elements

[matt-jolt]

I couldn't find anything in the docs or examples on this after quite some time so if I've missed it I apologize.

I have the following table:

Each row is clickable as well as having a checkbox and a menu (not in the picture).
How on earth do I get the onClick for the row to not execute when I click on the checkbox or menu?

[gargroh]

stop event propagation

…

On Wed, Dec 16, 2020, 4:17 AM matt-jolt ***@***.***> wrote: I couldn't find anything in the docs or examples on this after quite some time so if I've missed it I apologize. I have the following table: [image: Screen Shot 2020-12-15 at 3 45 20 PM] <https://user-images.githubusercontent.com/62953316/102281690-a49eb300-3eec-11eb-93d9-d57d841dc819.png> Each row is clickable as well as having a checkbox and a menu (not in the picture). How on earth do I get the onClick for the row to not execute when I click on the checkbox or menu? — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#2924>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AKEG7N5LX2ALSQTU53AGCPDSU7RR3ANCNFSM4U5CQW4A> .

[matt-jolt]

On the checkbox click right? I tried that there and it didn't change anything.

[wnharper]

I'm having this same issue. I've stopProgation on the checkbox as well as the row onclick handler and still I'm not able to get the checkboxes or other links/buttons in the row to work.
@matt-jolt did you find a solution?

[matt-jolt]

@wnharper Yeah. In the onClick function we just added some kind of logic to check what is being clicked.
We check the class of the target (or we've also used the column id), and base the handler of off that.

We never used the stop propogation pattern, just do nothing if its not an identifier we want.

[wnharper]

Thanks @matt-jolt , I appreciate you getting back to me!