JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<table class="table">
<thead>
<tr>
<th class="no">番号</th>
<th class="name">名前</th>
<thclass="type">種別</th> 
</tr>
</thead>
</table>
</div>

CSS

.table {
    border-collapse: collapse;
    width: 100%;
}
.table th,
.table td {
    border: 1px solid;
}