JSFiddle - React, Tailwind, and code Playground

by Emil Hemdal

HTML

<table>
	<tbody>
		<tr>
			<th>Date</th>
			<th>Journal</th>
			<th>Article</th>
			<th>Customer</th>
		</tr>
		<tr class="listing">
			<td class="date" title="2012-01-18 16:23:00">2012-01-18</td>
			<td title="Acta crystallographica. Section C, Crystal structure communications">
                Acta crystallographica. Section C, Crystal structure communications
            </td>
			<td title="Strong asymmetric hydrogen bonding in 2-(oxamoylamino)ethylammonium oxamate-oxamic acid (1/1).">
                Strong asymmetric hydrogen bonding in 2-(oxamoylamino)ethylammonium oxamate-oxamic acid (1/1).
            </td>
			<td class="orderer" title="Emil Hemdal / Bibl / Falun">Emil Hemdal / Bibl / Falun</td>
		</tr>
	</tbody>
</table>

CSS

table {
    width: 500px;
    border-collapse:collapse;
}
td {
    border: 1px solid #888888;
    white-space: nowrap;
    overflow: hidden;
}
.date {
    width: 80px;
    min-width: 80px;
}