JSFiddle - React, Tailwind, and code Playground

HTML

<table cellpadding="5" cellspacing="3" border="2" width="380">
    <caption>テスト結果表</caption>
    <tr>
        <th>&nbsp;</th>
        <th>太郎</th>
        <th>花子</th>
        <th>よしお</th>
        <th>ミチコ</th>
        <th>先生</th>
    </tr>
    <tr>
        <th>国語</th>
        <td>45点</td>
        <td>90点</td>
        <td>80点</td>
        <td>75点</td>
        <td rowspan="3">100点</td>
    </tr>
    <tr>
        <th>算数</th>
        <td>45点</td>
        <td>55点</td>
        <td>67点</td>
        <td>40点</td>
    </tr>
    <tr>
        <th>理科</th>
        <td>80点</td>
        <td>60点</td>
        <td>54点</td>
        <td>91点</td>
    </tr>
    <tr>
        <th>社会</th>
        <td>90点</td>
        <td>34点</td>
        <td>55点</td>
        <td>82点</td>
        <td>95点</td>
    </tr>
    <tr>
        <td colspan="6">総評: みんなよく勉強していると思います。みなさん算数が苦手なので、復習をお願いします。</td>
    </tr>
</table>