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: separate;
    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: 0.5px solid #606060;
}
.test td{
    font-family: "OpenSansBold";
    font-size: 16px;
    color:#fff;
    padding: 18px 10px;
   
}
.test tr{
    padding: 10px 0;
}
.test table tbody tr 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;
}