table-checkboxes

application.controller.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName:'Table Checkboxes'
});

application.template.hbs

<h1>{{appName}}</h1>
<br>
<br>
{{table-data}}
<br>
<br>

table-data.component.js

import Ember from 'ember';

export default Ember.Component.extend({
  
  didInsertElement() {
    this._super(...arguments);
      Ember.$('input[type="checkbox"]').change(function(e) {
      var checked = $(this).prop("checked"),
          container = $(this).parent(),
          siblings = container.siblings();

      container.find('input[type="checkbox"]').prop({
          indeterminate: false,
          checked: checked
      });

      function checkSiblings(el) {
          var parent = el.parent().parent(),
              all = true;

          el.siblings().each(function() {
              return all = ($(this).children('input[type="checkbox"]').prop("checked") === checked);
          });

          if (all && checked) {
              parent.children('input[type="checkbox"]').prop({
                  indeterminate: false,
                  checked: checked
              });
              checkSiblings(parent);
          } else if (all && !checked) {
              parent.children('input[type="checkbox"]').prop("checked", checked);
              parent.children('input[type="checkbox"]').prop("indeterminate", (parent.find('input[type="checkbox"]:checked').length > 0));
              checkSiblings(parent);
          } else {
              el.parents("li").children('input[type="checkbox"]').prop({
                  indeterminate: true,
                  checked: false
              });
          }
        }

        checkSiblings(container);
      });
    
  }
  
});

table-data.template.hbs

<table>
  <thead>
    <tr>
      <th>Group/Name</th>
      <th><input type="checkbox"></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><span class="tree-group-1">Group1</span></td>
      <td><span><input type="checkbox"></span></td>
    </tr>
    <tr>
      <td><span>Name1</span></td>
      <td><span><input type="checkbox"></span></td>
    </tr>
    <tr>
      <td><span>Name2</span></td>
      <td><span><input type="checkbox"></span></td>
    </tr>
  </tbody>
  <tbody>
    <tr>
      <td><span class="tree-group-2">Group2</span></td>
      <td><span><input type="checkbox"></span></td>
    </tr>
    <tr>
      <td><span>Name3</span></td>
      <td><span><input type="checkbox"></span></td>
    </tr>
  </tbody>
  <tbody>
    <tr>
      <td><span>Group3</span></td>
      <td><span><input type="checkbox"></span></td>
    </tr>
    <tr>
      <td><span>Name4</span></td>
      <td><span><input type="checkbox"></span></td>
    </tr>
    <tr>
      <td><span>Name5</span></td>
      <td><span><input type="checkbox"></span></td>
    </tr>
    <tr>
      <td><span>Name6</span></td>
      <td><span><input type="checkbox"></span></td>
    </tr>
  </tbody>
  <tbody>
    <tr>
      <td><span>Group4</span></td>
      <td><span><input type="checkbox"></span></td>
    </tr>
    <tr>
      <td><span>Name7</span></td>
      <td><span><input type="checkbox"></span></td>
    </tr>
    <tr>
      <td><span>Name8</span></td>
      <td><span><input type="checkbox"></span></td>
    </tr>
    <tr>
      <td><span>Name9</span></td>
    </tr>
  </tbody>
</table>

twiddle.json

{
  "version": "0.4.11",
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/1.13.9/ember.debug.js",
    "ember-data": "https://cdnjs.cloudflare.com/ajax/libs/ember-data.js/1.13.11/ember-data.js",
    "ember-template-compiler": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/1.13.9/ember-template-compiler.js"
  }
}