JSFiddle - React, Tailwind, and code Playground

HTML

<table class="col2-right col3-right">
    <tr>
        <th>Column 1</th>
        <th>Column 2</th>
        <th>Column 3</th>
    </tr>
    <tr>
        <td>Column 1 will be left</td>
        <td>Column 2 will be right</td>
        <td>Column 2 will be right</td>
    </tr>
</table>

CSS

table {
    border: 1px black solid;
    border-collapse: collapse;
    width: 100%
}
td {
    border: 1px black solid;
    padding: 8px
}
.col1-right td:nth-child(1) {
    text-align: right
}
.col2-right td:nth-child(2) {
    text-align: right
}
.col3-right td:nth-child(3) {
    text-align: right
}