JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr><td></td><td>col 1</td><td>col 2</td><td>col 3</td></tr>
<tr><td>22.06.2015</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>22.06.2015</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>22.06.2015</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>22.06.2015</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>22.06.2015</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>22.06.2015</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>22.06.2015</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>22.06.2015</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>22.06.2015</td><td>2</td><td>3</td><td>4</td></tr>
</table>

CSS

/* xmoonlight */
table { 
    width: 100%; /* Ширина таблицы */
    border-spacing: 0; /* Расстояние между ячейками */
   }
    
   tr:nth-child(2n) {
    background: #f0f0f0; /* Цвет фона */
   }

   tr:nth-child(1) {
    background: #666; /* Цвет фона */
    color: #fff; /* Цвет текста */
   } 
   td:first-child {
        background: #ffffff; /* Цвет фона */
        color: #000;    
        text-align:right;
        font-size:10px;
        vertical-align:top;
    }


td:nth-child(3) {
        background: #fff0ff; /* Цвет фона */
        color: #f00;    
        text-align:center;
        width:50%;
    }