JSFiddle - React, Tailwind, and code Playground

HTML

<table>
	<thead>
		<tr>
			<th> header</th>
			<th> header</th>
			<th> header</th>
			<th> header</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>Cell  Cell CellCell Cell Cell Cell Cell Cell Cell</td>
			<td>Cell</td>
			<td>Cell</td>
			<td>Cell</td>
		</tr>
		<tr>
			<td>CellCellCellCellCellCellCellCellCellCell</td>
			<td>Cell</td>
			<td>Cell</td>
			<td>Cell</td>
		</tr>
		<tr>
			<td>Cell Cell Cell CellCellCellCell</td>
			<td>Cell</td>
			<td>Cell</td>
			<td>Cell</td>
		</tr>
	</tbody>
</table>

CSS

table {
    table-layout:fixed;
}
th, td {
    border:solid;
    overflow:hidden;
    width:100px;
}
table tr :first-child {
    max-width:30px;
    background:pink
}