Select row only working on first time click of button
Select row only working on first time click of button
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
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