JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr>
    <td>
      <div class="table__div">
        <span>ТЕСТТ </span>
      </div>
    </td>
    <td>1234 12341234 12341234 12341234 12341234 12341234 12341234 12341234 12341234 12341234 12341234 12341234 12341234 12341234 12341234 12341234 12341234 12341234 1234</td>
  </tr>
   <tr>
    <td>
      <div class="table__div">
        <span>ТЕСТ</span>
      </div>
    </td>
    <td>1234 343</td>
  </tr>
</table>

SCSS

.table__div {
  padding-right: 50px;
  position: relative;
    &::before {
      content: '';
      position: absolute;
      left: 0;
      bottom: 2px;
      width: 100%;
      height: 3px;
      background-image: linear-gradient(45deg, #666 25%, transparent 25%), 
        linear-gradient(-45deg, #666 25%, transparent 25%), 
        linear-gradient(45deg, transparent 75%, #666 75%), 
        linear-gradient(-45deg, transparent 75%, #666 75%);
      background-size: 2px 2px;
      background-position: 0 0, 1px 0, 1px -1px, 0px 1px;
    }
    span {
      position: relative;
     background-color: #fff;
    }
}
td {
  vertical-align: top;
}