JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<thead>
<tr>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
CSS
tr {
-moz-box-shadow: inset 0 0 5px #888;
-webkit-box-shadow: inset 0 0 5px#888;
box-shadow: inner 1px 1px 5px #888;
display: block;
}
td {
padding: 0.5em;
}
JavaScript
$('tr').each(
function(r) {
$(this).find('td').each(
function(c) {
$(this).text('Row: ' + r + '; cell: ' + c);
})
});