JSFiddle - React, Tailwind, and code Playground

HTML

<table border=1>
    <tr>
        <td></td>
        <td>aa</td>
        <td>1111111</td>
        <td>ccccccccccc</td>
    </tr>
    <tr>
        <td>1</td>
        <td>aa</td>
        <td>1111111</td>
        <td>ccccccccccc</td>
    </tr>
    <tr>
        <td></td>
        <td>aa</td>
        <td></td>
        <td>ccccccccccc</td>
    </tr>
    <tr>
        <td>1</td>
        <td>aa</td>
        <td>1111111</td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td>aa</td>
        <td>1111111</td>
        <td>ccccccccccc</td>
    </tr>
    <tr>
        <td>1</td>
        <td>aa</td>
        <td>1111111</td>
        <td>ccccccccccc</td>
    </tr>
    <tr>
        <td></td>
        <td>aa</td>
        <td>1111111</td>
        <td>ccccccccccc</td>
    </tr>
    <tr>
        <td>1</td>
        <td></td>
        <td></td>
        <td>ccccccccccc</td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td>ccccccccccc</td>
    </tr>
    <tr>
        <td>1</td>
        <td>aa</td>
        <td>1111111</td>
        <td>ccccccccccc</td>
    </tr>
</table>

CSS

table {
    width: 400px;
    table-layout: fixed;
}
td:empty {
    display: none;
}
tr {
    display:table;
    table-layout: fixed;
    width:100%;
}