JSFiddle - React, Tailwind, and code Playground

by Torwan

HTML

<table class="tg">
  <tr>
    <th class="tg-031e">L.p.</th>
    <th class="tg-031e">Nr oferty<br></th>
    <th class="tg-031e">Adres / oznaczenie nieruchomości</th>
    <th class="tg-031e">Cena ofertowa</th>
    <th class="tg-031e">Data</th>
    <th class="tg-031e">Podpis</th>
    <th class="tg-031e">Oferta „0%”</th>
  </tr>
  <tr>
    <td class="tg-031e">tekst1</td>
    <td class="tg-031e">tekst2</td>
    <td class="tg-031e" rowspan="2">tekst3</td>
    <td class="tg-031e">tekst4</td>
    <td class="tg-031e">tekst5</td>
    <td class="tg-031e" rowspan="4">
        <p class="bk">tekst1</p>
        <p class="bk1">tekst2</p>
    </td>
    <td class="tg-031e">tekst7</td>
  </tr>
  <tr>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
  </tr>
  <tr>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
    <td class="tg-031e" rowspan="2"></td>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
  </tr>
  <tr>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
  </tr>
</table>

CSS

<style type="text/css">
p{margin:0;padding:0;}
.tg  {border-collapse:collapse;border-spacing:0;border-color:#ccc;font-size:10px;}
.tg td{font-family:Arial, sans-serif;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#fff;text-align:center}
.tg td p{margin:0;padding:0;}
.tg td p.bk {background:#adadad;}
.tg td p.bk1 {background:#FF0000;}
.tg th{font-family:Arial, sans-serif;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#f0f0f0;}
</style>