JSFiddle - React, Tailwind, and code Playground

by kostasp

HTML

<body>
 
      <div id="get_details_in_div"></div>
 

	</body>

CSS

p {
font-style:italic;
background-color:green;
color:red;
}

#get_details_in_div tr td
{
border: 1px solid black;
height:50px;
width:50px;

}

JavaScript

$(document).ready(function(){ 

 
 var tbl = $('<table></table>').attr({ id: "results_items" });
 var row = $('<tr></tr>').attr({ class: ["custom_class1", "class2", "class3"].join(' ') }).appendTo(tbl);
    $('<td></td>').text("First td").appendTo(row);
    $('<td></td>').text("Second td").prepend($('<a></a>').attr({ href: "#" }).text("LINK")).appendTo(row);        
    $('<td></td>').text("third td").appendTo(row); 

 tbl.appendTo($("#get_details_in_div")); 

});