JSFiddle - React, Tailwind, and code Playground

by klaascuvelier

HTML

<link rel="stylesheet" href="http:////netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap-combined.min.css">
<div ng-app="TestApp">
    <table ng-controller="Ctrl" class="table table-condensed table-striped table-bordered">
        <thead>
            <tr>
                <th></th>
                <th width="50%">LEFT</th>
                <th width="50%">RIGHT</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td width="20%">Global var</td>
                <td width="40%">{{ global1 }}</td>
                <td width="40%">{{ global1 }}</td>
            </tr>
            
        </tbody>
    </table>
</div>

CSS

thead > tr > th {
    background: #d9d9d9;
}

JavaScript

var TestApp = angular.module('TestApp', []);

TestApp.controller('Ctrl', [function () {
    scope.global1 = 'just some random data'
}]);