JSFiddle - React, Tailwind, and code Playground

by superbDeveloper

HTML

<div id="instanceSearch_3" class="instance search" style="display: inline-block" level="1">
  <div class="navHeader">
    <div class="navHeaderBack" onclick="window.history.go(-1);"></div>
    <div class="navHeaderLink" id="nav_3_3">Risk Assessment<div class="up" style="visibility: hidden;"></div>
    </div>
    <div class="navHeaderButtons">
      <div id="btnAdd" class="imgButton" onclick="showForm(3, 1, 3, 0, 1, 0, true)">
        <div class="add">Add New</div>
      </div>
    </div>
  </div>
  <div class="search canvas divCanvas" style="overflow-y: auto;"><br><div class="header" onclick="$('#divOpt_3').toggle()"><img alt="" src="../_theme/images/opt_down.png"><div>Search Options</div>
    </div>
    <div id="divOpt_3" class="content" style="display: inline-block;">
      <table class="table">
        <tr>
          <td align="right" style="width: 180px; padding-right: 10px;">Site</td>
          <td></td>
          <td class="searchOpt" typeID="5" guid="c9AF06802" dbType="INT">
            <div id="sddl_9AF06802" class="sddl" style="width: 418px;"></div>
          </td>
        </tr>
        <tr>
          <td align="right" style="width: 180px; padding-right: 10px;">Date</td>
          <td></td>
          <td>
            <table cellpadding="0" cellspacing="0">
              <tr>
                <td class="searchOpt" typeID="2" guid="c22B9CAA5From" dbType=""><input id="scal_22B9CAA5_from" guid="22B9CAA5From" class="cal stxtbox" type="text" style="width: 200px" onchange="setCalendar(this, 'scal_22B9CAA5_to')"></td>
                <td align="center" style="width: 16px;"> - </td>
                <td class="searchOpt" typeID="2" guid="c22B9CAA5To" dbType=""><input id="scal_22B9CAA5_to" guid="22B9CAA5To" class="stxtbox cal" type="text" style="width: 200px"></td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td align="right" style="width: 180px; padding-right: 10px;">Scope Selection</td>
          <td></td>
        ...