ractive-ez-table
Version:
Ractive Ez UI Table
56 lines (43 loc) • 1.12 kB
HTML
<html>
<head>
<style>
#container {
width: 100%;
height: 100%;
padding: 1em;
}
</style>
</head>
<body>
<div id="container" class="container"></div>
<script type="text/ractive" id="template">
<EzContainer align="vertical">
<EzPanel mode="fixed">
<EzTableControls
columns="{{ columns }}"
groups="{{ groups }}"
groupLabel="Drag columns to group by" />
</EzPanel>
<EzPanel mode="maximized">
<EzTable
items="{{ items }}"
columns="{{ columns }}"
groups="{{ groups }}"
sortColumn="{{ sortColumn }}"
selectedItems="{{ selectedItems }}"
itemHeight="30"
labelHeight="30"
enableGrouping="true"
enableSorting="true"
enableDragging="true"
enableDropping="true"
enableVirtualization="true"
selectionMode="multi"
on-dropitem="@this.handleDropItem($1, $2)"/>
</EzPanel>
</EzContainer>
</script>
<script type="text/javascript" src="./index.js"></script>
</body>
</html>