JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <th></th><th>2004</th><th>2005</th><th>2006</th>
    </tr>
    <tr>
        <td>Рубины</td><td>2004</td><td>2005</td><td>2006</td>
    </tr>
    <tr>
        <td>Изумруды</td><td>2004</td><td>2005</td><td>2006</td>
    </tr>
    <tr>
        <td>Сапфиры</td><td>2004</td><td>2005</td><td>2006</td>
    </tr>
</table>

CSS

table {
    width: 200px;
}
td, th {
    padding: 5px;
    background: blue;
}
th {
    text-align: left;
}