JSFiddle - React, Tailwind, and code Playground

by sjord010

HTML

<table width="700px" cellpadding="0" cellspacing="0" border="0" id="ctl00_ctl00_MainContent_MainContent_ProcessesControl_Table"></table>
    
<input id="btn" value="test" type="button">

CSS

table { border: 1px solid black; }

JavaScript

$('#btn').click(function(evt) {  
    var table = '#ctl00_ctl00_MainContent_MainContent_ProcessesControl_Table';     
  var html = ctl00_ctl00_MainContent_MainContent_ProcessesControl_BuildTable();
  var processRowID = 0;
  for (processRowID = 0; processRowID < 3; processRowID++) {  
    var returnObject = ctl00_ctl00_MainContent_MainContent_ProcessesControl_CreateExistingTaskRow(processRowID);
    if (typeof(returnObject.HTML) != 'undefined' && returnObject.HTML != null) {
      html += returnObject.HTML;
    }
  } 
  $(table).html(html);          
  var newRowID = ctl00_ctl00_MainContent_MainContent_ProcessesControl_AddNewTaskRow((processRowID - 1), 0, table);          
  var newhtml = '';    
  var createdInfo = '26-Apr-2011 03:54PM by System Administrator';
  var modifiedInfo = null;
  newhtml = "<tr>\
        <td>&nbsp;</td>\
        <td>Added</td>\
        <td>&nbsp;</td>\
        <td colspan='11'>" + createdInfo + "</td>\
        <td>&nbsp;</td>\
      </tr>\
      <tr><td colspan='15'>&nbsp;</td></tr>";
  if (modifiedInfo != null) {
    newhtml += "<tr>\
      <td>&nbsp;</td>\
      <td>Last Modified</td>\
      <td>&nbsp;</td>\
      <td colspan='11'>" + modifiedInfo + "</td>\
      <td>&nbsp;</td>\
    </tr>\
    <tr><td colspan='15'>&nbsp;</td></tr>";
  }
  $(table).append(newhtml);
});
    
function ctl00_ctl00_MainContent_MainContent_ProcessesControl_BuildTable() {
var html = '';
html += "\
    <tr id='ctl00_ctl00_MainContent_MainContent_ProcessesControl_SectionHeader'>\
      <td>&nbsp;</td>\
      <td colspan='13'>\
        <div class='TaskSectionHeader' style='text-align: left;'>";
    html += "Edit Process" + (_process != null ? (" - " + _process.Name) : '');
html += "\
        </div>\
      </td>\
      <td>&nbsp;</td>\
    </tr>\
    <tr style='height: 1px; line-height: 1px;'>\
      <td style='width: 20px;'>&nbsp;</td>\
      <td style='width: 80px;'>&nbsp;</td>\
      <td style='width: 10px;'>&nbsp;</td>\
      <td style='width:...