d-draggable-table

Derby draggable table component based on derby sink.


Keywords
Derby, drag, sort, table, component
License
MIT
Install
npm install d-draggable-table@1.0.3

Documentation

d-draggable-table

Derby draggable table component. Based on derby sink.

Features

  • Rows sorting using drag&drop
  • Sorting rows by any column

Usage

Install

npm install d-draggable-table

App index

app.component require('d-draggable-table/components/sortable-table')
app.component require('d-draggable-table')

Styles

@import 'node_modules/d-draggable-table/styles/index'

Data format

defaultData = [ 
  { cells: [1, 'a', '2', 'helo',   '1'] },
  { cells: [3, 'b', '1', 'world',  '3'] },
  { cells: [2, 'd', '3', 'test',   'a'] },
  { cells: [4, 'c', '4', 'string', 'c'] } 
]

WIthin template

view(name='d-draggable-table')

You can pass table and headers data parameters to the component as follows:

view(name='d-draggable-table', table='{{_page.data}}', headers='{{_page.headers}}')

Gallery

Alt text