JSFiddle - React, Tailwind, and code Playground

HTML

<table>
        <thead>
            <tr>
                <td>№</td>
                <td>Название</td>
                <td>Состав</td>
                <td>Концентрация</td>
                <td>Общая масса</td>
            </tr>
        </thead>
        <tr>
            <td>1</td>
            <td>тест1</td>
            <td>
                <span>какой-то текст</span>
                <span>какой-то текст</span>
            </td>
            <td>
            <span>какой-то текст</span>
                <span>какой-то текст</span>
                <span>какой-то текст</span>
                <span>какой-то текст</span>
            </td>
            <td>30</td>
        </tr>
        
        <tr>
            <td>2</td>
            <td>тест2</td>
            <td></td>
            <td></td>
            <td>30</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;    
}

span{
display:block;
border-top:1px solid #000;   
}

span:first-child{
border:none;
}