JSFiddle - React, Tailwind, and code Playground

HTML

<table class="example">
    <thead>
        <tr>
            <th>短い文字列</th>
            <th>短い文字列</th>
            <th>長い文字列あいうえお</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>短い文字列</td>
            <td>長い文字列あいうえお</td>
            <td>二行の<br>文字列</td>
        </tr>
    </tbody>
</table>

CSS

table td, table th {
    border: solid 1px;
}