ractive-ez-table/lib/EzTableHeader.html

Ractive Ez UI Table

<!-- todo: padding -->
<div class="head">

    <div class="ez-table-row">

        {{#each groups }}
            <div class="content"> </div>
        {{/each}}

        {{#each ~/visibleColumns as column }}
            <div class="ez-table-cell {{ column.name }}"
                    style="flex-basis: {{ column.width }}"
                    draggable="true"
                    on-dragstart="@this.dragStartColumn(@event, column)"
                    on-dragover="@this.dragOverColumn(@event, column)"
                    on-drop="@this.dropColumn(@event, column)"
                    {{#if ~/enableSorting}}on-click="@this.sortColumn(@event, column)"{{/if}}>

                <div>{{ column.label }}</div>

                {{#if ~/enableFiltering }}
                    <div><input type="text" value="{{ column.filter }}"></div>
                {{/if}}
            </div>
        {{/each}}

    </div>
</div>