JSFiddle - React, Tailwind, and code Playground

HTML

<div id="all">
    <div id="tablediv">
    <table>
    
    <tr>
        <th class="widther">Note date</th>
        <th>Description</th>
        <th></th>
    </tr>
    
    <tr>
        <td class="widther">Date Time</td>
        <td>	remipsumdolorsitametconsecteturadipiscingelitNuncgravidalobortishendreritdipiscingelitNuncgravidalobortishendrertconsecteturadi
        </td>
        <td><input type="radio" name="chosen_note" value="${note.note_id}"></td>
    </tr>
    
    </table>
    </div>
</div>

CSS

th,td {
    border-style: solid;
    border-width: 5px;
    border-color: #BCBCBC;
    word-wrap: break-word;
}

table {
    table-layout: fixed;
	width: 100%;   
}


#all {
    width: 500px;
}

#tablediv {
    width: 400px;
    float: left;
}