JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr> <th colspan=2 rowspan=2> <div></div> </th> <th colspan=4> <div style="text-align:center;">2014</div> </th> <th colspan=4><div style="text-align:center;">2015</div></th> </tr>
<tr><th><div>1-й квартал</div></th> <th><div>2-й квартал</div></th> <th><div>3-й квартал</div></th> <th><div>4-й квартал</div></th> <th><div>1-й квартал</div></th>
<th><div>2-й квартал</div></th> <th><div>3-й квартал</div></th> <th><div>4-й квартал</div></th>
</tr>
<tr> <th rowspan=4><div>Производственная выручка</div></th> <th><div>Базовый план</div></th> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
<td></td><td></td> </tr>
<tr> <th><div>Актуальный план</div></th> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td><td></td><td></td></tr>
<tr> <th><div>Факт</div></th><td></td> <td></td> <td></td> <td></td> <td></td> <td></td><td></td><td></td> </tr>
<tr> <th><div>Отклонение от баз.плана</div></th> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td><td></td><td></td> </tr>
<tr> <th rowspan=4><div>Актированная выручка</div></th> <th><div>Базовый план</div></th> <td></td> <td></td> <td></td> <td></td> <td></td><td></td> <td></td> <td></td> </tr>
<tr> <th><div>Актуальный план</div></th><td></td> <td></td> <td></td> <td></td> <td></td> <td></td><td></td><td></td> </tr>
<tr> <th><div>Факт</div></th> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td><td></td><td></td> </tr>
<tr> <th><div>Отклонение от баз.плана</div></th> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td><td></td><td></td> </tr>
</table>

CSS

* {font:400 11px tahoma,arial,sans-serif;}
table {border-collapse:collapse; height:90%;}
td {border:1px solid #d0d0d0;}
th {
	padding:0;
	border:1px solid #d0d0d0;
	vertical-align:top;
    height:100%;
}
th div {
	padding:3px;
	text-align:left;
	background:#eee;
	border:1px solid #fff;
	border-right:0; border-bottom:0;
    height:100%;
}