JSFiddle - React, Tailwind, and code Playground

HTML

<table>
        <tr>
            <th>From</th>
            <th>Subject</th>
            <th>Date</th>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
    </table>

CSS

table {
        border-collapse: collapse;
        width: 100%;
    }
    
    tr > * {
        border: 1px solid #000;
    }
    
    tr > th + th {
        width: 70%;
    }
    
    tr > th + th + th {
        width: 15%;
    }