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>