JSFiddle - React, Tailwind, and code Playground

HTML

<div id="events-table-wrapper">
        <table cellpadding="0" cellspacing="0">
            <thead>
                <tr>
                    <th>Location</th>
                    <th>Date</th>
                    <th>Age</th>
                    <th>Availability</th>
                    <th>Info</th>
                    
                </tr>
            </thead>
                <tr>
                    <td>Manchester</td>
                    <td>12 Oct. 2012</td>
                    <td>22 - 32</td>
                    <td>Men (<span class="nr-available">2</span>) Women (<span class="nr-available">3</span>)</td>
                    <td><button class="info-book-button">Info/Book</button></td>
                </tr>
                <tr>
                    <td class="last-row">Manchester</td>
                    <td class="last-row">12 Oct. 2012</td>
                    <td class="last-row">22 - 32</td>
                    <td class="last-row">Men (<span class="nr-available">2</span>) Women (<span class="nr-available">3</span>)</td>
                    <td class="last-row"><button class="info-book-button">Info/Book</button></td>
                    
                </tr>
        </table>
    </div>

CSS

#main-wrapper {
    margin-left: auto;
    margin-right: auto;
}
#events-table-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    margin-top: 100px;
    border: 1px solid #CCC;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
th, td {
    border-bottom: 1px solid #CCC;
    padding: 15px;
}
.last-row {
    border-bottom: none;
}
.nr-available {
    color: red;
}