JSFiddle - React, Tailwind, and code Playground

by Cone

HTML

<table cellpadding="0" cellspacing="0" border="1" bordercolor="#dfdfdf" class="price">
    <tr class="tryy">
        <td width="20%">Количество посещений</td>
        <td width="20%">Разова тренировка</td>
        <td>2 раза
            <br>8 раз (в месяц)</td>
        <td>3 раза
            <br>12 раз (в месяц)</td>
        <td>4 раза
            <br>16 раз (в месяц)</td>
        <td>6 раза
            <br>24 раз (в месяц)</td>
    </tr>
    <tr class="rest">
        <td class="td_bold">с 7:00 - до 17:00</td>
        <td rowspan="2">1000 KZT</td>
        <td>5 500</td>
        <td>6 500</td>
        <td>8 500</td>
        <td>10 500</td>
    </tr>
    <tr class="rest">
        <td class="td_bold">с 17:00 - до 23:00</td>
        <td>7 500</td>
        <td>9 000</td>
        <td>11 000</td>
        <td>13 000</td>
    </tr>
</table>

CSS

body {
    font-family:Arial;
    font-size:12px;
}
table.price {
    width:100%;
    border-collapse: collapse;
}

td {padding: 15px 10px;}

tr.rest {
    color:#999;
}
tr {
    text-align:center;
}
.td_bold {
    font-weight:bold!Important;
    font-size:13px;
}
tr.tryy {
    text-shadow:1px 1px 1px #333;
    color:#a6ce2c!Important;
    font-weight:bold;font-size:14px;
}

JavaScript

$('tr:even').css({
    backgroundColor: '#f9f9f9'
});