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;}
td, th {
	padding:3px;
	border:1px solid #d0d0d0;
}
th {
	text-align:left;
	box-shadow:1px 1px 0 0 #fff inset;
	background:#eee;
}