JSFiddle - React, Tailwind, and code Playground

HTML

<table>
        <thead>
            <tr>
                <td>№</td>
                <td>Название</td>
                <td>Состав</td>
                <td>Концентрация</td>
                <td>Общая масса</td>
            </tr>
        </thead>
        <tr>
            <td rowspan="3">1</td>
            <td rowspan="3">тест1</td>
            <td></td>
            <td></td>
            <td rowspan="3">30</td>
        </tr>
        <tr>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td rowspan="4">2</td>
            <td rowspan="4">тест2</td>
            <td></td>
            <td></td>
            <td rowspan="4">30</td>
        </tr>
        <tr>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
        </tr>
    </table>

CSS

table{
width:400px;
margin:0 auto;
border-spacing:0px;
border-collapse:collapse;
}

thead{
border:2px solid #000;
text-align:center;
}

td{
border:1px solid #000;
height:30px;    
}