JSFiddle - React, Tailwind, and code Playground

HTML

<div data-role="page" id="Home">
    <div data-role="header" data-theme="b" data-position="fixed">
         <h1 class="ui-title" id="hdr" style="text-align:left;margin-left: 20px;">My Cases</h1>

        <div class="ui-btn-right" id="addbuttons" data-role="controlgroup" data-type="horizontal"> <a href="#" data-role="button" data-inline="true" data-iconpos="notext" data-icon="gear" data-theme="b" id="test">Setting</a>
 <a href="#newevent1" data-role="button" data-iconpos="notext" data-inline="true" data-icon="plus" data-theme="b" data-rel="dialog">Add</a>
 <a href="#newevent1" data-role="button" data-inline="true" data-theme="b" data-rel="dialog">Edit</a>

        </div>
    </div>
    <div id="here_table"></div>
</div>

JavaScript

var content = "<table>";
     for (i = 0; i < 30000; i++) {
      content += '<tr  class="row" id="' + i + '"><td>' + 'result ' + i + '</td><td>' + 'result ' + i + '</td><td>' + 'result ' + i + '</td><td>' + 'result ' + i + '</td><td>' + 'result ' + i + '</td><td>' + 'result ' + i + '</td></tr>';
     }
     content += "</table>"

     $('#here_table').append(content);
     $("#addbuttons").bind("click", function (event, ui) {
         alert("Click")
     });

     $(".row").click(function () {
         alert(this.id);
     });

     $("#addbuttons").on("click", "a", function () {
         alert($(this).html());

         //add ids to the <a> tags and use this.id to check where u clicked
     });