JSFiddle - React, Tailwind, and code Playground

HTML

<table cellspacing="0" cellpadding="0" class="list_code">
    <tbody><tr>
        <td>Название закупки</td><!--21.12-->
        <td>Цена руб.</td><!--21.12-->        
        <td>Заказчик</td><!--21.12-->
        <td>Дата публикаций извещений / ванесение изменений</td><!--21.12-->
        <td>Дата окнчания приема заявок / внесение изменения</td><!--21.12-->
        <td>Статус / состояние<!--21.12-->

        <div class="select-wrapper">
            <input type="text" id="noname">
            <span class="select-button"></span>
            <select name="where" id="where">
                <option>Прием заявок</option>
                <option>Формирование протоколов</option>
                <option>Проведена</option>
                <option>Отменена</option>
            </select>
        </div>

        </td>
    </tr>
    
    <tr style="background: none repeat scroll 0% 0% rgb(223, 245, 253);">
        <td><a href="#">Закупка №1</a></td>
        <td><div></div>10 000</td>
        <td style=""><div></div>Заказчик"</td>
        <td><div></div>29 ноября 2011</td>
        <td><div></div>30 ноября 2011</td>
        <td><div></div>Произведен</td>
    </tr>
    
    <tr>
        <td><a href="#">Закупка №1</a></td>
        <td><div></div>10 000</td>
        <td><div></div>Заказчик</td>
        <td><div></div>29 ноября 2011</td>
        <td><div></div>30 ноября 2011</td>
        <td><div></div>Произведен</td>
    </tr>
    
    <tr style="background: none repeat scroll 0% 0% rgb(223, 245, 253);">
        <td><a href="#">Закупка №1</a></td>
        <td><div></div>10 000</td>
        <td><div></div>Заказчик</td>
        <td><div></div>29 ноября 2011 29 ноября 2011</td>
        <td><div></div>30 ноября 2011</td>
        <td><div></div>Произведен</td>
    </tr>
    
    <tr>
        <td><a href="#">Закупка №1</a></td>
        <td><div></div>10 000</td>
        <td><div></div>Заказчик</td>
        <td><div></div>29 ноября 2011</td>
        <td><div></div>30 ноября 2011</td>
   ...

CSS

.list_code_header {
    width: 100%;
}
.list_code {
    border-bottom: 3px solid #7FD6F7;
    margin-left: -10px;
    opacity: 0.8;
    width: 943px;
}
.list_code tr:first-child td {
    border-bottom: 3px solid #7FD6F7;
    line-height: normal;
    padding-left: 21px;
    vertical-align: middle;
}
.list_code tr:first-child td div {
    height: 64px;
}
.list_code td {
    height: 30px;
    line-height: 27px;
    padding-left: 13px;
    width: 100px;
}
.list_code td div {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    height: 30px;
    margin-right: 5px;
    width: 6px;
}