JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1">
  <tr>
    <th colspan="2" rowspan="2">title 1<br>blablabla</th>
    <th></th>
    <th colspan="2">tanggal</th>
    <th colspan="2">bulan</th>
    <th></th>
  </tr>
  <tr>
    <td colspan="6" rowspan="5">static data</td>
  </tr>
  <tr>
    <td colspan="2">title 2<br>blablabla</td>
  </tr>
  <tr>
    <td colspan="2">title 3<br>blablabla</td>
  </tr>
  <tr>
    <td>title 4<br>blablabla</td>
    <td>title 7<br>blablabla</td>
  </tr>
  <tr>
    <td>title 5<br>blablabla</td>
    <td>title 8<br>blablabla</td>
  </tr>
  <tr>
    <td>title 6<br>blablabla</td>
    <td>title 9<br>blablabla</td>
    <td colspan="3">title 10<br>blabla</td>
    <td colspan="3">title 11<br>blabla</td>
  </tr>
  <tr>
    <td colspan="8">
		<table>
			<tr>
				<td>title 12<br>blablabla</td>
				<td>title 13<br>blablabla</td>
				<td>title 14<br>blablabla</td>
				<td>title 15<br>blablabla</td>
			</tr>
		</table>
	</td>
  </tr>
  <tr>
    <td colspan="8">static data</td>
  </tr>
  <tr>
    <td colspan="8">static data</td>
  </tr>
  <tr>
    <td colspan="3">static data</td>
    <td colspan="5">static data</td>
  </tr>
</table>