ractive-ez-table/lib/EzTable.html

Ractive Ez UI Table

<div class="ez-table {{ class }}"
     on-ezresize="@this.handleScroll()">

    {{#if ~/showHeaderTop }}
        <EzTableHeader visibleColumns="{{ ~/visible(~/columns, ~/groups) }}"
                       columns="{{ ~/columns }}"
                       groups="{{ ~/groups }}"
                       sortColumn="{{ ~/sortColumn }}"
                       columnContentType="{{ ~/columnContentType }}"
                       enableSorting="{{ ~/enableSorting }}"
                       enableFiltering="{{ ~/enableFiltering }}" />
    {{/if}}

    <div class="body"
		 {{#if ~/enableDropping }}on-dragover="@this._handleDragOver(@event)"{{/if}}
		 {{#if ~/enableDropping }}on-drop="@this._handleDrop(@event, null)"{{/if}}
		 on-selectstart="@this.preventSelection(@event)"
		 on-scroll="@this.handleScroll(@event)">
		 
		<EzTableContent
			visibleColumns="{{ ~/visible(~/columns, ~/groups) }}"
			subGroups="{{ _root.subGroups }}"
			items="{{ _root.items }}"
			virtualItems="{{ _root.virtualItems }}"
			top="{{ _root.top }}"
			bottom="{{ _root.bottom }}"
			itemHeight="{{ ~/itemHeight }}"
			labelHeight="{{ ~/labelHeight }}"
			selectedItems="{{ ~/selectedItems }}"
			selectionCursor="{{ ~/_selectionCursor }}"
            enableDragging="{{ ~/enableDragging }}"
            enableDropping="{{ ~/enableDropping && ~/_isValidDropTarget }}" />
			
    </div>

    {{#if ~/showHeaderBottom }}
        <EzTableHeader visibleColumns="{{ ~/visible(~/columns, ~/groups) }}"
                       columns="{{ ~/columns }}"
                       groups="{{ ~/groups }}"
                       sortColumn="{{ ~/sortColumn }}"
                       columnContentType="{{ ~/columnContentType }}"
                       enableSorting="{{ ~/enableSorting }}"
                       enableFiltering="{{ ~/enableFiltering }}" />
    {{/if}}

</div>