JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://users.cjb.net/abhisheksimion/dummy.xml"></script>
<div id="popupCompare">
    <div id="divBrdrCompare" >
        <form id="compareForm">
            <table id="popupCompareInfo" class="csm-table" align="center" width="90%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td></td>
              </tr>
            </table>
            <br/>
            <table  align="center" width="90%" border="1">
                <tr>
                    <td>
                        <table align="center" width="100%" border="0">
                            <tbody>
                                <tr>
                                    <td>
                                        <input type="radio" name="compareRadio" value="all" />
                                        <label>View All Records</label>
                                    </td>
                                    <td>
                                        <input type="radio" name="compareRadio" value="diff" />
                                        <label>View Differences</label>
                                    </td>
                                    <td>
                                        <input type="radio" name="compareRadio" value="patches" />
                                        <label>Compare Patches</label>
                                    </td>
                                    <td>
                                        <input type="button" class="btn" value="Export Into Excel"/>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
            </table>
            <br/>
            <div id="compareContent" align="center">
            
            </div>
            
        </form>
    </div>
</div>

CSS

@CHARSET "ISO-8859-1";
#compareTable
{
    width:100%;
    border-width: 1px;
    border-spacing: 2px;
    border-style: outset;
    border-color: gray;
    border-collapse: separate;
    background-color: white;
}
#compareTable th
{
    
    color :#FFFFFF;
    background-color: #8EA4BB;
    width:40%
    border:#8EA4BB1 px outset;
}
.regulartr
{
    display:"block";
    width:100%;
}
.differentEnvironmentHiddentr
{
    display:"none";
    width:100%;
}

.different
{
    background-color: #FFB5DC;
    width:35%;
}
.same
{
    background-color: #FFFFFF;
    width:35%;
}
#compareTable td
{
    color :#2F5882;
    border:#8EA4BB 1px solid;
}
#compareTable .nametd
{
    background-color: #FFFFFF;
    width:30%;
}
#compareTable .value1td
{
    background-color: #FFFFFF;
    width:35%;
}
#compareTable .value2td
{
    background-color: #FFFFFF;
    width:35%;
}

JavaScript

var dummy1='<list>  <TagResult elementname="osname" subCategory="system" value1="Linux" value2="HP-US1000" isEqual="false"/>  <TagResult elementname="hostname" subCategory="system" value1="estilo" value2="benz" isEqual="false"/>  <TagResult elementname="release" subCategory="system" value1="2.6.18-128.el5" value2="B.11.23" isEqual="false"/><TagResult elementname="version" subCategory="system" value1="Red Hat Enterprise Linux Server release 5.3 (Tikanga)" value2="U" isEqual="false"/>  <TagResult elementname="machine" subCategory="system" value1="x86_64" value2="ia64 hp server rx2600" isEqual="false"/>  <TagResult elementname="bitmode" subCategory="system" value1="64" value2="64" isEqual="true"/>  <TagResult elementname="numberofcpu" subCategory="system" value1="4" value2="2" isEqual="false"/>  <TagResult elementname="cpuspeed" subCategory="system" value1=" 1862.890" value2="1400" isEqual="false"/>  <TagResult elementname="maxfilesperproc" subCategory="system" value1="32" value2=" 32" isEqual="true"/>  <TagResult elementname="maxthreadsperproc" subCategory="system" value1="2000000" value2="                    256  " isEqual="false"/><TagResult elementname="mempagesize" subCategory="system" value1="4096" value2="4096" isEqual="true"/><TagResult elementname="ssaname3webserviceserver" subCategory="product" value1="ssasvck&gt; Attempt 1 at server &apos;null:-1&apos;ssasvck&gt; Server&apos;null:-1&apos; is down" value2="ssasvck&gt; Attempt 1 at server &apos;null:-1&apos;ssasvck&gt; Server &apos;null:-1&apos; is down" isEqual="true"/><TagResult elementname="TERM" subCategory="envVariable" value1="xterm " value2="xterm" isEqual="true"/><TagResult elementname="JAVA_HOME" subCategory="envVariable" value1="/home/hqusers1/IIR_1152825121_estilo_9.0.1SP2_32 " isEqual="false"/><TagResult elementname="SSANUL" subCategory="envVariable" value1="/dev/null " value2="/dev/null" isEqual="true"/><TagResult elementname="SSA_LIHOST" subCategory="envVariable" value1="estilo:45682 "...