ractive-ez-table/lib/EzTableItems.html

Ractive Ez UI Table

{{#each items as item }}
    <div 
        class="ez-table-row 
               {{#if ~/selectedItems.indexOf(item) != -1}}ez-selected{{/if}}
               {{#if ~/_dragTarget == item }}ez-dragtarget{{/if}}"
		style-height="{{ ~/itemHeight }}px"
        tabindex="-1"
        on-click="~/selectionCursor.handleClick(@event, item)"
        on-keydown="~/selectionCursor.handleKey(@event, item)"

        {{#if ~/enableDragging }}
            draggable="{{ ~/enableDragging }}"
            on-dragstart="@this.dragStart(@event, item)"
        {{/if}}

        {{#if ~/enableDropping }}
            on-dragenter="@this.dragEnter(@event, item)"
            on-dragleave="@this.dragLeave(@event, item)"
            on-dragend="@this.dragEnter(@event, null)"
            on-drop="@this.drop(@event, item)"
        {{/if}}
        >

        {{#each ~/visibleColumns as column }}
            <div class="ez-table-cell {{ column.name }}"
                 style="flex-basis: {{ column.width }}">
                    {{ > @this.viewTemplate(column) item }}
            </div>
        {{/each}}
    </div>
{{/each}}