JSFiddle - React, Tailwind, and code Playground

by King Fisher

HTML

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src="&quot;/resources/demos/style.css&quot;"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<input type="button" id="btncreate" value="create" />

<div id="htmltable">

</div>

JavaScript

$(document).ready(function() {
 
 create();
  
 });

 $(function() {
  $('#btncreate').click(function() {
    
     create();
   });
   $("#txtSearchPicklistNo").keyup(function() {
     alert($(this).val());
   });
 });


 function create() {
   $('#htmltable').append("<table  class='table table-striped table-bordered'></table>");

   var table = $('#htmltable').children();
   table.append("<thead>");
   table.append("<tr>");
   table.append("<th style='width:25px;'>SNo </th>");
   table.append("<th style='width:75px;'>Picklist No</th>");
  
   table.append("</tr>");
   table.append("</thead>");
   //   table.append($("<td/>").html('<input type="text" class="unitprice" name="unit_price" id="unit_price"/>'));
   table.append("<tbody><tr><td></td><td><input type='text' id='txtSearchPicklistNo'  style='font-size: x-small; height: 13px;' /></td></tr></tbody>");

 }