JSFiddle - React, Tailwind, and code Playground

by Alexey

HTML

<table class="tables"
cellpadding="0" cellspacing="0" border='1px'>
  <tbody>
   <thead>
    <tr>
      <td>№</td><!-- 1 -->
          <td><i class='icon-hand-down icon-large' ></i></td>
      <td>№ реєстр.</td><!-- 2 -->
      <td>Регіон</td><!-- 3 -->
      <td>Членство</td><!-- 4 -->
      <td>Д/обл.</td><!-- 5-->
      <td>Д/зняття</td><!-- 6-->
      <td>Найменування</td><!-- 7-->
      <td>ЄДРПОУ</td><!-- 8-->
      <td>Сфера</td><!--9 -->
      <td>Місто</td><!-- 10-->
      <td>Адреса</td><!--11 -->
      <td>Керівника</td><!--12 -->
      <td>Телефон</td><!-- 13-->
      <td>Email</td><!-- 14-->
      <td>Координатор</td><!--15 -->
      <td>Email(К)</td><!-- 16-->
      <td>Мобільний (К)</td><!-- 17-->
      <td>Працівники</td><!-- 18-->      
      <td>Профспілка</td><!--19 -->
      <td>ЄДРПОУ (П)</td><!-- 20-->
      <td>Голова (П)</td><!-- 21-->
      <td>К/Д</td><!-- 22-->
      <td>Код</td><!-- 23-->
          <td>Документи</td>
    </tr>
        </thead>

<tr>
<td>фффф</td><!--2 -->
      <td>ыыыы</td><!-- 3---->
      <td>вввв</td><!--4 -->
      <td>ааааа</td><!--5--><td>фффф</td><!--2 -->
      <td>ыыыы</td><!-- 3---->
      <td>вввв</td><!--4 -->
      <td>ааааа</td><!--5--><td>фффф</td><!--2 -->
      <td>ыыыы</td><!-- 3---->
      <td>вввв</td><!--4 -->
      <td>ааааа</td><!--5--><td>фффф</td><!--2 -->
      <td>ыыыы</td><!-- 3---->
      <td>вввв</td><!--4 -->
      <td>ааааа</td><!--5--><td>фффф</td><!--2 -->
      <td>ыыыы</td><!-- 3---->
      <td>вввв</td><!--4 -->
      <td>ааааа</td><!--5--><td>фффф</td><!--2 -->
      <td>ыыыы</td><!-- 3---->
      <td>вввв</td><!--4 -->
      <td>ааааа</td><!--5-->
      <td>ааааа</td><!--5-->
</tr><tr>
<td>фффф</td><!--2 -->
      <td>ыыыы</td><!-- 3---->
      <td>вввв</td><!--4 -->
      <td>ааааа</td><!--5--><td>фффф</td><!--2 -->
      <td>ыыыы</td><!-- 3---->
      <td>вввв</td><!--4 -->
      <td>ааааа</td><!--5--><td>фффф</td><!--2 -->
      <td>ыыыы</td><!-- 3---->
     ...

CSS

.tables {
        border-collapse:collapse;
            border:1px solid  #696969;
       
}
.tables thead td {
        background-color:rgba(216, 191, 216,0.4);
        white-space:nowrap;
        padding-left:7px;
        padding-right:7px;
        color:#363636;
        font-family:Times New Roman;
}      
.tables td   {

        padding-left:7px;
        padding-right:7px;
        color:#8B0A50;
}