JSFiddle - React, Tailwind, and code Playground

HTML

<table>
	<thead>
		<tr>
			<th>One</th>
			<th>Two</th>
			<th>Three</th>
			<th>Four</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>un</td>
			<td>deux</td>
			<td>trois</td>
			<td>quatre</td>
		</tr>
	</tbody>
</table>

CSS

* {margin:0;padding:0;border:0;border-collapse:collapse;}

table { width:100%; }

thead { 
    background: -webkit-linear-gradient(left, rgba(222,22,22,1) 0%, rgba(222,222,222,0) 20%, rgba(222,222,222,0) 80%, rgba(222,222,222,1) 100%); 
    background-attachment:fixed;}

thead tr, thead th { background:transparent; }