JSFiddle - React, Tailwind, and code Playground

HTML

<body ng-app="plunker">
      <div ng-controller="MainCtrl">  
        <table class="logsTable">
                <thead>
                <tr>
                    <th>#</th>
                    <th>File Name</th>
                    <th>Last Updated</th>
                    <th>Size</th>
                    <th>Location</th>
                </tr>
                </thead>
                <tr ng-repeat="log in logs">
                    <td>
                        <input type="checkbox"
                               ng-checked="selectedLogs.indexOf(log.fileName) != -1"
                        ng-click="toggleSelect(log)" />
                    </td>
                    <td>{{log.fileName}}</td>
                    <td>{{log.lastUpdated}}</td>
                    <td>{{log.size}}</td>
                </tr>
            </table>
          </div>
</body>

JavaScript

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

app.controller('MainCtrl', function($scope) {
    
    $scope.logs = [{
            "fileName": "file A",
            "location": "logs/fileA",
            "size": "20000",
            "lastUpdated": "May 04, 2015 09:21PM"
        },{
            "fileName": "file B",
            "location": "logs/fileB",
            "size": "4034300",
            "lastUpdated": "May 01, 2015 01:21PM"
        },{
            "fileName": "file C",
            "location": "logs/fileC",
            "size": "53437000",
            "lastUpdated": "May 02, 2015 03:11PM"
        }
    ];
    
$scope.selectedLogs = ["file C"];
});