JSFiddle - React, Tailwind, and code Playground

HTML

<table class="releco" style="width: 960px;">
<caption>Solid state relay</caption>
<col/><col/><col/><col/><col/><col/><col/>
<thead>
    <tr>
      <th>Применение</th>
      <th>Типы</th>
      <th>База</th>
      <th>Контакты</th>
      <th>Коммутирующая способность AC</th>
      <th>Коммутирующая способность DC </th>
      <th>Типы колодок</th>
    </tr>
</thead>
<tbody>
<tr>
    <th colspan="7"><div align="left">Серия CSS</div></th>
</tr>

<tr>
    <td>Твердотельное реле AC, Мгновенное переключение</td>
    <td>CSS-AC</td>
    <td><img src="/images/releco/i/c10.png" alt="" /></td>
    <td>
        <img src="/images/releco/i/css-ac.png" alt="" />
    </td>
    <td>3 A / 250 V</td>
    <td> </td>
    <td>S10</td>
</tr>
</tbody>
</table>

CSS

table.releco col:nth-child(1){
    width: 355px;
}
table.releco col:nth-child(2){
    width: 75px;
}
table.releco col:nth-child(3){
    width: 30px;
}
table.releco col:nth-child(4){
    width: 150px;
}
table.releco col:nth-child (5){
    width: 150px;
}
table.releco col:nth-child (6){
    width: 150px;
}
table.releco col:nth-child (7){
    width: 40px;
    text-align: center;
}