JSFiddle - React, Tailwind, and code Playground
HTML
<script src="<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>"></script>
<table class="ui-widget" id="lines">
<tbody>
<tr>
<th>Line Item Number Number Number Number Number</th>
<th>Line Item Date</th>
<th>Unit Cost</th>
<th>Number of Units</th>
<th>Line Item Total</th>
<th>Task Code</th>
<th>Expense Code</th>
<th>Timekeeper ID</th>
<th>Line Item Description</th>
</tr>
<tr class="errortrue">
<td>1</td>
<td>20150301</td>
<td>1</td>
<td>1</td>
<td>4</td>
<td></td>
<td>E1</td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="9" class="error">
Line : 1 NULL Value is not in the defined list for LINE ITEM TAX TYPE<br/>
Line : 1 MATTER NAME is a required field<br/>
Line : 1 BILLING END DATE is a required field<br/>
Line : 1 INVOICE DATE is a required field<br/>
Line : 1 BILLING START DATE is a required field<br/>
</td>
</tr>
<tr class="errortrue">
<td>2</td>
<td>20150304</td>
<td>2</td>
<td>2</td>
<td>6</td>
<td></td>
<td>E2</td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="9" class="error">
Line : 2 NULL Value is not in the defined list for LINE ITEM TAX TYPE<br/>
</td>
</tr>
<tr class="errortrue">
<td>3</td>
<td>20150306</td>
<td>3</td>
<td>3</td>
<td>12</td>
<td>T3</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="9" class="error">
Line : 3 NULL Value is not in the defined list for LINE ITEM TAX TYPE<br/>
</td>
</tr>
</tbody>
</table>
CSS
th {
padding:10px;
margin:10px;
}
td {
padding:10px;
margin:10px;
}