JSFiddle - React, Tailwind, and code Playground

HTML

<table class="tg">
  <tr>
    <th class="tg-0pky">id</th>
    <th class="tg-0pky">currency</th>
    <th class="tg-0pky">price</th>
    <th class="tg-0lax">text</th>
    <th class="tg-0lax">text</th>
  </tr>
  <tr>
    <td class="tg-0pky">1</td>
    <td class="tg-0pky">1412412</td>
    <td class="tg-0pky">text</td>
    <td class="tg-0lax">text</td>
    <td class="tg-0lax">text</td>
  </tr>
  <tr>
    <td class="tg-0pky">2</td>
    <td class="tg-0pky">123</td>
    <td class="tg-0pky">text</td>
    <td class="tg-0lax">text</td>
    <td class="tg-0lax">text</td>
  </tr>
  <tr>
    <td class="tg-0pky">3</td>
    <td class="tg-0pky">123</td>
    <td class="tg-0pky">text</td>
    <td class="tg-0lax">text</td>
    <td class="tg-0lax">text</td>
  </tr>
  <tr>
    <td class="tg-0pky">3</td>
    <td class="tg-0pky">123</td>
    <td class="tg-0pky">text</td>
    <td class="tg-0lax">text</td>
    <td class="tg-0lax">text</td>
  </tr>
</table>

CSS

.tg  {border-collapse:collapse;border-spacing:0;width:100%}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg .tg-0pky{border-color:inherit;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}

.tg td:nth-of-type(3) {
  width:100%;
}