JSFiddle - React, Tailwind, and code Playground

by Anik Islam Abhi

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://code.jquery.com/jquery-2.2.0.js"></script>
<div ng-app="myApp">
  <div data-ng-controller="myCtrl">
    <div ng-repeat="data in dataList">
      <input type="checkbox" ng-model="data.paused" ng-click="SwallowClick($event)" class="check_box" />
    </div>
  </div>

CSS

table {
  width: 100%;
  text-align: center;
}

tr:hover {
  background: #000;
  color: #fff;
}

JavaScript

var myApp = angular.module('myApp', []);
myApp.controller('myCtrl', function($scope) {
  $scope.dataList = [{}, {}, {}]
  $scope.SwallowClick = function($event) {
    $event.stopPropagation();
    return false; // don't handle event further

  }

})