Select row only working on first time click of button

Select row only working on first time click of button

gershcogershco Posts: 3Questions: 2Answers: 0

I am trying to use "select": "single" to highlight a row when either the row or a button within the row is clicked.

The full functionality is working when rows are clicked into - ie this row is highlighted and all others are not. However when the Action button is clicked, the row is only highlighted on the first occasion that the button is clicked. When the button is clicked for a second or subsequent time, the previous row remains highlighted.

Demo available here: https://codepen.io/gershco/pen/YdKWBv

This question has an accepted answers - jump to answer

Answers

  • allanallan Posts: 63,468Questions: 1Answers: 10,466 Site admin
    Answer ✓

    The problem is that the click event on the action button is actually bubbling up the DOM and triggering a select action as well, which you probably don't want. The click in the dropdown list does the same thing.

    I would suggestion that limiting your column selection here would be the best option. For example.

    Allan

This discussion has been closed.