JSFiddle - React, Tailwind, and code Playground

HTML

<table id="errorsTable">
    <tbody>
        <tr>
        <td>Line 1</td><td>parent.reval = function(code) { return eval(code); };</td>
        <td>eval is evil.</td>
        </tr>
        <tr>
            <td>Line 19</td>
            <td>zone:"zone1",</td>
            <td>Expected ':' and instead saw 'zone'.</td>
        </tr>
        <tr>
            
            <td>Line 19</td>
            <td>zone:"zone1",</td>
            <td>Expected an identifier and instead saw ':'.</td>
        </tr>
        <tr>
            <td>Line 19</td>
            <td>undefined<</td>
                <td>Stopping, unable to continue. (22% scanned).</td>
         </tr>
        </tbody>
</table>

CSS

#errorsTable {
    border-spacing: 0;
    width: 100%;
    border: 1px solid black;
}

#errorsTable td {
    border: 0;
    padding: 5px;
}

/* neat trick to color alternate lines in a table */
#errorsTable tbody tr:nth-child(odd) {
    background-color: #CCC;
}

#errorsTable tbody tr:nth-child(even) {
    background-color: #FFF;
}