JSFiddle - React, Tailwind, and code Playground

by Luis Perez

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<div class="container" ng-app>
    <table class="table table-bordered table-condensed">
        <tbody>
            <tr>
                <td>{{ "Guinan Test" }}</td>
                <td>It's an Earth drink. Prune juice.</td>
                <td>Dec 24</td>
            </tr>
            <tr>
                <td>Beverly Crusher</td>
                <td>Captain always push themselves too hard.</td>
                <td>Dec 23</td>
            </tr>
            <tr>
                <td>Mom</td>
                <td>Don’t forget to wear clean underwear today.</td>
                <td>Nov 22</td>
            </tr>
        </tbody>
    </table>
</div>

CSS

.container {
    margin-top: 40px;
}