Prevent selection of the row when any button click in a row

I’m submitting a … (check one with “x”)

[x] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here

Current behavior When any button clicked in any cell it also selects the row. Eg: Image

Expected behavior There should be a callback where we can determine that a particular button is clicked on that basis we can prevent the row selection. currently there is a property [selectCheck] which takes a function with argument of the row checkSelectable(event) it should have the actual event as well like: checkSelectable($event, row) from the event we can detect which dom is clicked ?

Reproduction of the problem Add a custom column name it action in that column add <button> now if you click that button it will select that row.

Please tell us about your environment: Ubuntu, WebStorm

• Table version: ^7.1.1

• Angular version: 4x

[artipixel]

I’ve tried to figure out a solution for myself, here is what I did:

In component.ts

  clickStopper(event) {
      event.stopPropagation();
      return;
  }

In component.html

<button class="inline_action" (click)="clickStopper($event)">DO THE STUFF</button>

[Krtic]

use event.stopPropagation(); within your click method