JSFiddle - React, Tailwind, and code Playground

HTML

<div class="page_table">
<table>
<tbody>
<tr class="alt">
<td>
Ряд 1
</td>
<td>
Ряд 2
</td>
</tr>

<tr>
<td>
Значение 1
</td>
<td>
Значение 2
</td>
</tr>
</tbody>
</table>
</div>

CSS

.page_table table { border-collapse: collapse; text-align: left; width: 100%; } .page_table {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #BFBFBF; }.page_table table td, .page_table table th { padding: 8px 8px; }.page_table table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #D9D9D9), color-stop(1, #D9D9D9) );background:-moz-linear-gradient( center top, #D9D9D9 5%, #D9D9D9 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D9D9D9', endColorstr='#D9D9D9');background-color:#D9D9D9; color:#000000; font-size: 12px; font-weight: bold; border-left: 1px solid #BFBFBF; } .page_table table thead th:first-child { border: none; }.page_table table tbody td { color: #000000; border-left: 1px solid #BFBFBF;font-size: 12px;border-bottom: 1px solid #BFBFBF;font-weight: normal; }.page_table table tbody .alt td { background: #C4D5D5; color: #000000; }.page_table table tbody td:first-child { border-left: none; }.page_table table tbody tr:last-child td { border-bottom: none; }
.page_table tr:hover {background: #F6C06F;}