JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
</head>
<body>
    <table class="b-grid">
        <col class="code" />
        <col class="title" />
        <col class="number" />
        <col class="brand" />
        <col class="size" />
        <col class="article"/>
        <col class="stock-status" />
        <col class="price" />
        <col class="price" />
        <thead>
            <tr>
                <th>Код</th>
                <th>Наименование</th>
                <th>Номер</th>
                <th>Бренд</th>
                <th>Размер</th>
                <th>Артикль</th>
                <th>Наличие</th>
                <th>Цена</th>
                <th>Розница</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>12341</td>
                <td>Для подшипников</td>
                <td></td>
                <td>ХАДО</td>
                <td></td>
                <td></td>
                <td>0</td>
                <td>2.00</td>
                <td>2.00</td>
            </tr>
            <tr>
                <td>8736</td>
                <td>Прокладка клап. крышки</td>
                <td>12341-P08-000</td>
                <td>HONDA</td>
                <td></td>
                <td>N44020</td>
                <td>2</td>
                <td>107.00</td>
                <td>138.00</td>
            </tr>
            <tr>
                <td>8743</td>
                <td>Прокладка клап. крышки</td>
                <td>12341-P13-000</td>
                <td>HONDA</td>
                <td></td>
                <td>N44024</td>
                <td>0</td>
                <td>133.00</td>
                <td>208.00</td>
            </tr>
            <tr>
                <td>23888</td>
                <td>Прокладка...

CSS

body {
    font: 86% Verdana,Arial,sans-serif;
    
    padding: 2em; 
}
.b-grid {
    font: 1.1em "Lucida Grande",Verdana,Arial,sans-serif;
    color: #222;
    border-collapse: collapse;
}

.b-grid th,
.b-grid td {
    border: 1px solid #AAA; 
    padding: 0.6em;
}
.b-grid th {
    font-weight: bold;
    font-size: 0.8em;
    
    background: #CCC;
}
.b-grid td {
}

.b-grid tr:HOVER {
    background: #BBB;
}

/* Оформление колонок  */
.price {
    background-color: #EEE;
    border: 2px solid #000;
}