JSFiddle - React, Tailwind, and code Playground

by abarykin

HTML

<table class="table1">
    <tbody>
        <tr>
            <td>1</td>
            <td>холод, кВт</td>
            <td>тепло, кВт</td>
            <td>Цена, руб.</td>
        </tr>
        <tr>
            <td>CS-E7NKDW/CU-E7NKD</td>
            <td>2,05 (0,75-2,4)</td>
            <td>2,8 (0,75-4,0)</td>
            <td>31 477</td>
        </tr>
        <tr>
            <td>CS-E9NKDW/CU-E9NKD</td>
            <td>2,5 (0,8-3,0)</td>
            <td>3,4 (0,85-5,0)</td>
            <td>34 211</td>
        </tr>
        <tr>
            <td>CS-E12NKDW/CU-E12NKD</td>
            <td>3,5 (0,8-4,0)</td>
            <td>4,4 (0,85-6,7)</td>
            <td>40 250</td>
        </tr>
        <tr>
            <td>CS-E15NKDW/CU-E15NKD</td>
            <td>4,2 (0,85-5,0)</td>
            <td>5,3 (0,854-6,8)</td>
            <td>43 865</td>
        </tr>
        <tr>
            <td>CS-E18NKDW/CU-E18NKD</td>
            <td>5,0 (0,98-6,0)</td>
            <td>5,8 (0,98-8,0)</td>
            <td>по запросу</td>
        </tr>
        <tr>
            <td>CS-E24NKDS/CU-E24NKD</td>
            <td>6,8 (0,98-8,1)</td>
            <td>8,6 (0,98-9,9)</td>
            <td>77 370</td>
        </tr>
        <tr>
            <td>CS-E28NKDS/CU-E28NKD</td>
            <td>7,65 (0,98-8,6)</td>
            <td>9,6 (0,98-11,0)</td>
            <td>по запросу</td>
        </tr>
    </tbody>
</table>
<br>
<br>
<br>
<table class="table2">
    <tbody>
        <tr>
            <td>&nbsp;</td>
            <td>холод, кВт</td>
            <td>тепло, кВт</td>
            <td>Цена, руб.</td>
        </tr>
        <tr>
            <td>CS-E7NKDW/CU-E7NKD</td>
            <td>2,05 (0,75-2,4)</td>
            <td>2,8 (0,75-4,0)</td>
            <td>31 477</td>
        </tr>
        <tr>
            <td>CS-E9NKDW/CU-E9NKD</td>
            <td>2,5 (0,8-3,0)</td>
            <td>3,4 (0,85-5,0)</td>
            <td>34 211</td>
        </tr>
        <tr>
            <td>CS-E12NKDW/CU-E12NKD</td>
           ...

CSS

.table1 tr:nth-child(2n) {
    background: #f0f0f0;
}

.table2 tr:nth-child(2n){
    position:relative;
    background-color: #f0f0f0;
}
.table3 tr:nth-child(2n) > td{
    background-color: #f0f0f0;
    border:1px solid #000;
}