JSFiddle - React, Tailwind, and code Playground

by m v

HTML

<table>
    <thead>
        <tr>
            <th style="width:100px">A</th>
            <th>B</th>
            <th style="width:100px">C</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td style="width:100px">X</td>
            <td>Y</td>
            <td style="width:100px">Z</td>
        </tr>
    </tbody>
</table>

CSS

table {
    table-layout: fixed;
    width: 100%;
}
th, td {
    border: solid 1px blue;
}