The expected behaviour is the delete modal will open with the required field value displayed on it

I have been unable to find a way to make this work. The snippet behaves somewhat differently to my system. On mine development system the value that is returned is always from the first row regardless of which row is selected. On the snippet it does not work at all and I don't know why.

Am I going the wrong way to retrieve the selected record?

I have created a snippet containing js for the show.bs.modal event. I have tried several methods but this is the one I thought was most likely to work. https://mdbootstrap.com/snippets/jquery/darrenh65/2800576