JSFiddle - React, Tailwind, and code Playground

by poselab

HTML

<table class="table_style orange_header" class="ajax_table" style="font-size:12px;">
	<tr>
		<th style="width:248px;">Name</th>
		<th style="width:314px;">Email</th>
		<th style="width:237px;">Last Login</th>
		<th style="width:75px;">Options</th>
	</tr>
	<tr class="alternate">
		<td class="first"><a href="#">Example name</a></td>
		<td>Example Email</td>
		<td>Examlpe Email</td>
		<td class="last"><a href="#">Edit</a><a class="crossbtn" href="#"></a></td>
	</tr>
</table>

CSS

table { border-collapse:collapse; border-spacing:0; table-layout: fixed; }

.table_style {
	width: 940px;
	overflow:visible;
}
th {
    height: 45px;
}
.alternate{
	height: 50px;
    background: #F0F0F0
}
.alternate .first{
    background: url(http://farm4.staticflickr.com/3766/8876247477_be36f613d0_o.gif) repeat-y 0 0;
}
.alternate .last{
    background: url(http://farm4.staticflickr.com/3766/8876247477_be36f613d0_o.gif) repeat-y right 0;
}
.orange_header {
	background:url(http://i1135.photobucket.com/albums/m621/Iwuqisubu/orange_table_background_zps47f8dbe4.png) no-repeat;
}