index:
  view(name='sortable-table', as='sortable', on-row-move="onRowMove()", on-col-move="onColMove()")
  on refresh
    table
      tbody
        tr
          td
          each headers as #header, #i
            view(name='sortable-header', header='{{#header}}', field='{{#i}}')
        each table as #row, #i
          tr(class="row")
            th(on-mousedown="sortable.onRowDown($event)") {{#i+1}}
            each #row.cells as #cell
              td {{#cell}}

sortable-header:
  th.column-header(class="{{if sortBy === @field}}-sort{{/}} {{if desc}}-desc{{else}}-asc{{/}}", on-click="sort(@field)")
    ._sort-indicator {{@header}}