JSFiddle - React, Tailwind, and code Playground

HTML

<style type="text/css">
.tg {border-collapse:collapse;border-spacing:0;border-color:#aaa;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-top-width:1px;border-bottom-width:1px;border-color:#aaa;color:#333;background-color:#fff;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-top-width:1px;border-bottom-width:1px;border-color:#aaa;color:#fff;background-color:#f38630;}
.tg .tg-s268{text-align:left}
.tg .tg-0lax{text-align:left;vertical-align:top}
</style>
<table class="tg">
  <tr>
    <th class="tg-s268">234</th>
    <th class="tg-0lax">234</th>
    <th class="tg-0lax">234</th>
    <th class="tg-0lax">234</th>
    <th class="tg-0lax">234</th>
    <th class="tg-0lax">234</th>
    <th class="tg-0lax">234</th>
    <th class="tg-0lax">234</th>
    <th class="tg-0lax">234</th>
    <th class="tg-0lax">234</th>
  </tr>
    <tr>
    <td class="tg-0lax">test 1</td>
    <td class="tg-0lax">test 1</td>
    <td class="tg-0lax">test 1</td>
    <td class="tg-0lax">test 1</td>
    <td class="tg-0lax">test 1</td>
    <td class="tg-0lax">test 1</td>
    <td class="tg-0lax">test 1</td>
    <td class="tg-0lax">test 1</td>
    <td class="tg-0lax">test 1</td>
    <td class="tg-0lax">test 1</td>
  </tr>
    <tr>
    <td class="tg-0lax">test 1</td>
    <td class="tg-0lax">test 1</td>
    <td class="tg-0lax">test 1</td>
    <td class="tg-0lax">test 1</td>
    <td class="tg-0lax">test 1</td>
    <td class="tg-0lax">test 1</td>
    <td class="tg-0lax">test 1</td>
    <td class="tg-0lax">test 1</td>
    <td class="tg-0lax">test 1</td>
    <td class="tg-0lax">test 1</td>
  </tr>
    <tr class="disable">
    <td class="tg-0lax">test 1</td>
    <td class="tg-0lax">test 1</td>
    <td class="tg-0lax">test 1</td>
    <td class="tg-0lax">test 1</td>
    <td class="tg-0lax">test...

CSS

table {
  position: relative;
}
tr.disable td {
  color: rgba(0, 0, 0, 0.5);
}
tr.disable td:first-child::before {
  content: "ываываыва";
  position: absolute;
  left: 0;
  right: 0;
  margin-top: -10px;
  line-height: 36px;
  font-size: 20px;
  text-align: center;
  color: rgb(72, 62, 206);
}