JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test">
  <div class="test-wrapper">
    <table>
      <thead>
        <tr class="testhead">
          <th>Илья</th>
          <th class="test__marka">Машина</th>
          <th colspan="6">тест</th>
        </tr>
        <tr class="intervals">
          <th colspan="2"></th>
          <th>1</th>
          <th>2</th>
          <th>3</th>
          <th>4</th>
          <th>5</th>
          <th>6</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td class="num">1</td>
          <td class="name">тест</td>
          <td>000</td>
          <td>000</td>
          <td>000</td>
          <td>000</td>
          <td>000</td>
          <td>000</td>
        </tr>
        <tr>
          <td class="num">1</td>
          <td class="name">тест</td>
          <td>000</td>
          <td>000</td>
          <td>000</td>
          <td>000</td>
          <td>000</td>
          <td>000</td>
        </tr>
      </tbody>
    </table>
  </div>
</div>

CSS

.test{
    background-color: #333333;
    width: 81%;
    margin-top: 38px;
    border-radius: 10px;
    margin-left: auto;
}
.test-wrapper{
    padding: 36px 38px 0 38px;
}
.test table{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 10px;
}
.num{
    width: 9%;
}
.test__marka{
    width: 40%;
}


.testhead th{
    border-bottom: 0.5px solid #606060;
    padding-bottom: 7px;
}
.test th{
    font-family: "OpenSansRegular";
    font-size: 12px;
    color: #ccc;
    text-align: left;
    border-bottom: 1px solid #606060;
}
.test td{
    font-family: "OpenSansBold";
    font-size: 16px;
    color:#fff;
    padding: 18px 10px;
   
}
.test tr{
    padding: 10px 0;
}
.test td:nth-child(2n+4){
    background-color: #2C2C2C;
}

.intervals th:nth-child(odd):not(:first-child){
    background-color: #2C2C2C;
}
.intervals th{
    text-align: center;
    padding: 19px 14px;
}

td, th {
  padding: 10px;
  box-shadow: inset 0 0 0 5px #333; 
}