JSFiddle - React, Tailwind, and code Playground

by Sanjay Ingole

HTML

<div id="employeeDiv" class="tableDiv empDiv">
    <table id="employeeTable">       
    </table>
</div>

<script>

	var newTable=document.getElementById("employeeTable");
	
	newtablebody = document.createElement("TBODY");
	newRow   = document.createElement("TR");

	newCell = document.createElement("<TD class=\"column\" style=\"white-space:nowrap; text-align:right;\">");
	textNode = document.createTextNode(displayname);
	newCell.appendChild(textNode);
	newRow.appendChild(newCell);

</script>

CSS

body { background-color: #EFFFEF; color: #000000; }
a { color: aqua; }
.tableDiv {
    border : solid 1px #000000;color: #0000FF; margin : 10px; background : #FFEFFF; height : 100px;  float : left; overflow : auto;  
}
.empDiv {
    width : 70%;
}
.empLink {
    color : #0000FF;
}
.column{
    padding-left : 10px;
}
.even {
    background : #EFDFEF;
}