JSFiddle - React, Tailwind, and code Playground

by gedave

HTML

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/js/bootstrap-tooltip.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/js/bootstrap-modal.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/js/bootstrap-popover.min.js"></script>
<!-- jquery 1.10.2, bootstrap 2.3.2, angular 1.2.1 -->

{{moduleTitle}}

<div ng-controller="crtlTest">
    <div align="right"> <span class="pull-right">
						<input type="text" id="dateRange" placeholder="30" ng-model="searchDays"> Days
					</span>

    </div>
    <table class="table table-hover table-striped table-bordered sortable ">
        <thead>
            <tr>
                <th width="10%">Data</th>
                <th width="10%">Date</th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="activity in testData">
                <td>{{activity.data}}</td>
                <td>{{activity.date}}</td>
            </tr>
        </tbody>
    </table>
</div>

JavaScript

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

crtlTest = function ($scope) {
    $scope.moduleTitle = "System Service History";

    $scope.testData[
    data: 'one', date: 'xxxxx',
    data: 'two', date: 'xxxxx',
    data: 'three'
    date: 'xxxxx',

    ];

}