JSFiddle - React, Tailwind, and code Playground

HTML

<div id="player-playlist" style="height: 300px; overflow:scroll; overflow-x: hidden">
      <table class="zebra" id="song-table" style="width:400px;">
              <tr>
                 <th>Song</th>
              </tr>
      </table>
</div>

JavaScript

$("#song-table").append("<tr><td>" + 'www.blah.com' + "<button class=" +"delbtn" +">delete</button>"+ "</td></tr>");
$("#song-table").append("<tr><td>" + 'www.blah2.com' + "<button class=" +"delbtn" +">delete</button>"+ "</td></tr>");
$("#song-table").append("<tr><td>" + 'www.blah3.com/blah' + "<button class=" +"delbtn" +">delete</button>"+ "</td></tr>");
$('button.delbtn').click(function(){    
    $(this).parent().remove();
});