JSFiddle - React, Tailwind, and code Playground

by AlexandrAbakumov

HTML

<table class="mytable">
    <tr>
        <th>From</th>
        <th>Subject</th>
        <th>Date</th>
    </tr>
    <tr>
        <td>From Row 1</td>
        <td>Subject Row 1</td>
        <td>Date Row 1</td>
    </tr>
    <tr>
        <td colspan="2">From\Subject Row 2</td>
        <td>Date Row 2</td>
    </tr>
    <tr>
        <td>From Row 1</td>
        <td>Subject Row 1</td>
        <td>Date Row 1</td>
    </tr>
</table>

CSS

.mytable, td , th {
    border: 1px black solid;
}

.mytable tr > *:nth-child(1) { width:33%; }
.mytable tr > *:nth-child(2) { width:34%; }
.mytable tr > *:nth-child(3) { width:33%; }