JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
&nbsp;
<br/>
<table class="table table-striped table-hover table-responsive table-condensed">
    <tr>
        <td>With default padding...</td>
    </tr>
    <tr>
        <td></td>
    </tr>
    <tr>
        <td>Without padding (and border-top)...</td>
    </tr>
    <tr>
        <td class="nopadding"></td>
    </tr>
    <tr>
        <td>foo</td>
    </tr>
</table>

CSS

.table>tbody>tr>td.nopadding {
    padding: 0px;
    border-top: 0px;
}