JSFiddle - React, Tailwind, and code Playground

HTML

<table border='1'>
<thead>
    <tr><th>Col1</th><th>Col2</th><th>Col3</th><th>Amount</th></tr>
</thead>
<tbody>
    <tr>
        <td>A</td><td>B</td><td>C</td><td class="right">100</td>
    </tr>
    <tr>    
        <td>D</td><td>E</td><td>F</td><td class="right">100</td>
    </tr>
</tbody>
<tfoot>
    <tr>
        <td class="right" colspan="3">Total:</td>
        <td class="right">200</td>
    </tr>
</tfoot>
</table>

CSS

tbody tr{text-align:center}
.right{text-align:right;}