JSFiddle - React, Tailwind, and code Playground

HTML

<div id="pnl_Category">
	
                  <table align="left" style="border-width: 1px; margin-top: 37px; margin-right: 15px; width:auto; min-width: 230px; max-width:230px; border-style: solid; background-color:red;" class="shadow">
                         <tbody><tr>
                         <td align="center">
                         <h3><strong><u>Categories</u></strong></h3>
                         <table style="min-width: 232px; margin-left: -4px;"><tbody><tr><td align="left">
                             
                                <a href="#TV_Categories_List_SkipLink"><img alt="Skip Navigation Links." src="/WebResource.axd?d=lvMVLYKhEWu7bu_Si2sdHhcvNL65YS8mFqSG8Nf3H2kIXBlYzD95_03sUSqFTJVZrSoVw77bGwNMbHleyx2-PJfp10qq3Ec_vFSJ2euysQs1&amp;t=634773918900000000" width="0" height="0" style="border-width:0px;"></a><div id="TV_Categories_List" class="treeView">
		<table cellpadding="0" cellspacing="0" style="border-width:0;">
			<tbody><tr>
				<td><a href="javascript:__doPostBack('TV_Categories_List','sAll Items')" onclick="TreeView_SelectNode(TV_Categories_List_Data, this,'TV_Categories_Listn0');" id="TV_Categories_Listn0i" tabindex="-1"><img src="http://i.imgur.com/eEmtusc.gif" alt="" style="border-width:0;"></a></td><td class="TV_Categories_List_2 TV_Categories_List_5" onmouseover="TreeView_HoverNode(TV_Categories_List_Data, this)" onmouseout="TreeView_UnhoverNode(this)" style="white-space:nowrap;"><a class="TV_Categories_List_0 TV_Categories_List_1" href="javascript:__doPostBack('TV_Categories_List','sAll Items')" onclick="TreeView_SelectNode(TV_Categories_List_Data, this,'TV_Categories_Listn0');" id="TV_Categories_Listn0" style="
">All Items</a></td>
			</tr><tr style="height:0px;">
				<td></td>
			</tr>
		</tbody></table><table cellpadding="0" cellspacing="0" style="border-width:0;">
			<tbody><tr style="height:0px;">
				<td></td>
			</tr><tr>
				<td><a href="javascript:__doPostBack('TV_Categories_List','sBreak Fast')"...

CSS

.treeView table tbody tr td:first-child a {
            padding-left: 10px;
        }
        .treeView table tbody tr td:first-child + td{
            width: 100%; padding-right: 10px;
        }.treeView table tbody tr td a{
             display: block; padding: 4px;
        }.treeView table tbody tr td a:hover{
             /*display: block; padding: 4px;*/
             color: white;
        }.treeView table tbody tr:hover{
             background-color: #424242;
             color: white;
        }.treeView table tbody tr{
             background-color: #E9E9E9;
        }
        .treeView table {
             width: 100%;
             padding-bottom: 3px;
             border-bottom: 1px solid ;
        }
        .treeView img { width:20px; height:20px; }