JSFiddle - React, Tailwind, and code Playground

HTML

<table border="0" width="100%" id="product-table">
  <tr>
	  <td colspan="2">Title of the table</td>
  </tr>
  <tr>
  	<td width="20%"><b>Text text</b></td>
  	<td>someting about product</td>
  </tr>
  <tr>
  	<td><b>text text</b></td>
    <td>
        <table border="0" width="100%">
        <thead>
            <tr bgcolor="#ddd">
                <td colspan="6"><strong>Title of inside</strong></td>
            </tr>
            <tr bgcolor="#efefef">
                <td width="20%"><strong>No</strong></td>
                <td width="20%"><strong>Date</strong></td>
                <td width="20%"><strong>Define</strong></td>
            </tr>
        </thead>
        <tbody id="hat_ekle">
            <tr>
                <td>123</td>
                <td>2013</td>
                <td>some text</td>
            </tr>
            <tr>
	            <td>234</td>
	            <td>2013</td>
	            <td>some text</td>
            </tr>
        </tbody>
        </table>
    </td>
  </tr>
</table>

CSS

#product-table > tbody > tr:hover { background:#333; }