1<table
2  class="tabular-collection dom-recycling {{if hasActions 'has-actions' ''}}"
3  id={{guid}}
4  style={{{concat
5    'height:' style.height 'px'
6  }}}
7  ...attributes
8>
9{{on-window 'resize' (action "resize") }}
10{{yield}}
11{{#if hasCaption}}
12  <caption><YieldSlot @name="caption">{{yield}}</YieldSlot></caption>
13{{/if}}
14  <thead>
15    <tr>
16      <YieldSlot @name="header">{{yield}}</YieldSlot>
17{{#if hasActions }}
18      <th class="actions">Actions</th>
19{{/if}}
20    </tr>
21  </thead>
22  <EmberNativeScrollable @tagName="tbody" @content-size={{_contentSize}} @scroll-left={{_scrollLeft}} @scroll-top={{_scrollTop}} @scrollChange={{action "scrollChange"}} @clientSizeChange={{action "clientSizeChange"}}>
23    <tr></tr>
24{{~#each _cells as |cell index|~}}
25    <tr data-test-tabular-row style={{{cell.style}}} onclick={{action 'click'}}>
26      <YieldSlot @name="row">{{yield cell.item index}}</YieldSlot>
27{{#if hasActions }}
28      <td class="actions">
29        <YieldSlot @name="actions" @params={{block-params cell.index (action "change") checked}}>
30          {{yield cell.item index}}
31        </YieldSlot>
32      </td>
33{{/if}}
34    </tr>
35{{~/each~}}
36  </EmberNativeScrollable>
37</table>