JSFiddle - React, Tailwind, and code Playground

by qustosh

HTML

<table class="table table-bordered">
	  <thead>
	    <tr>
	      <th colspan="2" rowspan="2" id="th-numer-stacji" class="col-xs-1">NUMER STACJI</th>
	      <th colspan="6" id="th-data-preparat">DATA PRZEGLĄDU STACJI DERATYZACYJNYCH/UŻYTY PREPARAT</th>
	    </tr>
	    <tr>
	      <th id="th-data-przegladu-1" class="col-xs-1">xs</th>
	      <th id="th-data-przegladu-2" class="col-xs-1">xs</th>
	      <th id="th-data-przegladu-3" class="col-xs-1">sx</th>
	      <th id="th-data-przegladu-4" class="col-xs-1"></th>
	      <th id="th-data-przegladu-5" class="col-xs-1"></th>
	      <th id="th-data-przegladu-6" class="col-xs-1"></th>	      
	    </tr>	    
	  </thead>
	  <tbody id="tbody">	
	<tr>
	  <td colspan="2">{{nr}}</td>
	  <td id="m-1-s-{{nr}}">-</td>
	  <td id="m-2-s-{{nr}}">-</td>
	  <td id="m-3-s-{{nr}}">-</td>
	  <td id="m-4-s-{{nr}}">B</td>
	  <td id="m-5-s-{{nr}}">-</td>
	  <td id="m-6-s-1">-</td>	  
	</tr>
     <tr>
	  <td colspan="2">{{nr}}</td>
	  <td id="m-1-s-{{nr}}">-</td>
	  <td id="m-2-s-{{nr}}">-</td>
	  <td id="m-3-s-{{nr}}">-</td>
	  <td id="m-4-s-{{nr}}">B</td>
	  <td id="m-5-s-{{nr}}">-</td>
	  <td id="m-6-s-2">-</td>	  
	</tr>                    
	  </tbody>
	</table>

CSS

table,td,th {
    border: 1px solid black;border-collapse: collapse;
}

#m-6-s-1{height:10mm !important;}