JSFiddle - React, Tailwind, and code Playground

by Victor

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
<table>
	<thead>
        <tr>
            <th>Number<br/>of<br/>Convolutions</th>
            <th>Length<br/>(in.)<br/></th>
            <th>Axial<br/>Movement<br/>(+/- in.)</th>
            <th><span class="fa fa-star"></span> Lateral<br/>Movement<br/>(+/- in.) </th>
            <th><span class="fa fa-star"></span> Angular<br/>Movement<br/>(deg.)</th>
            <th>Axial<br/>Spring Rate<br/>(lb./ 1/8 in.)</th>
            <th><span class="fa fa-star"></span> Lateral<br/>Spring Rate<br/>(lb./ 1/8 in.)</th>
            <th><span class="fa fa-star"></span> Angular<br/>Torque<br/>(in.-lb./deg.)</th>
            <th>Std.<br/>Full Vacuum<br/>Temp (°F)</th>
            <th>Vacubands™<br/>Full Vacuum<br/>Temp (°F)</th>
            <th><span class="fa fa-star"></span> Weight<br/>(lbs)<br/></th>
		</tr>
	</thead>
	<tbody>
					<tr>
				<td>2</td>
				<td>1.63</td>
				<td>0.31</td>
				<td>0.24</td>
				<td>19°</td>
				<td>40.0</td>
				<td>31.0</td>
				<td>0.4</td>
				<td>450</td>
				<td>N/A</td>
				<td>1.9</td>
			</tr>
						<tr>
				<td>3</td>
				<td>2.17</td>
				<td>0.47</td>
				<td>0.35</td>
				<td>28°</td>
				<td>15.0</td>
				<td>25.0</td>
				<td>0.3</td>
				<td>450</td>
				<td>N/A</td>
				<td>2.0</td>
			</tr>
						<tr>
				<td>4</td>
				<td>2.68</td>
				<td>0.63</td>
				<td>0.47</td>
				<td>37°</td>
				<td>5.0</td>
				<td>12.5</td>
				<td>&lt; 0.1</td>
				<td>450</td>
				<td>N/A</td>
				<td>2.2</td>
			</tr>
						<tr>
				<td>5</td>
				<td>3.23</td>
				<td>0.79</td>
				<td>0.55</td>
				<td>45°</td>
				<td>2.0</td>
				<td>12.5</td>
				<td>&lt; 0.1</td>
				<td>425</td>
				<td>N/A</td>
				<td>2.3</td>
			</tr>
						<tr>
				<td>6</td>
				<td>3.78</td>
				<td>0.94</td>
				<td>0.67</td>
				<td>53°</td>
				<td>2.0</td>
				<td>6.3</td>
				<td>&lt;...

CSS

table {
    border-collapse:collapse;
    font-size:13px;
    border:3px solid #000;
    margin:0;
    padding:0;
    width:100%;
}
thead {
    background: #000;
    color:yellow;
}
td {
    border:1px solid #000;
    padding:3px 5px;
    text-align: center;
}
tr {
    width:100%;
    margin:0;
    padding:0;
}
tr:nth-child(even) {
    background: #E8D2FF;
}
.fa-star {
    color:red;
}