JSFiddle - React, Tailwind, and code Playground

by ravi1989

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="Setting">Setting</a>
                    <a href="#newevent1" data-role="button" data-iconpos="notext" data-inline="true" data-icon="plus" data-theme="b" data-rel="dialog" id="Add">Add</a>
                    <a href="#newevent1" data-role="button" data-inline="true" data-theme="b" data-rel="dialog"id="Edit">Edit</a>
                </div>
            </div>

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

JavaScript

var content = "<table>";
            for (i = 0; i < 30; i++) {
                content += '<tr class="row" id="' + i + '"><td>' + 'result ' + i + '</td></tr>';
            }
            content += "</table>"
            $('#here_table').append(content);


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