❤
npm
Sign UpSign In

d-draggable-table

1.0.3 • Public • Published

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

/d-draggable-table/

    Package Sidebar

    Install

    npm i d-draggable-table

    Repository

    github.com/dmapper/d-draggable-table

    Homepage

    github.com/dmapper/d-draggable-table

    Weekly Downloads

    2

    Version

    1.0.3

    License

    MIT

    Last publish

    Collaborators

    • ovvn
    Try on RunKit
    Report malware