let grid = new w2grid({

    name: 'grid',

    show: {

        footer: true,

        orderColumn: true,

    },

    reorderRows: true,

    columns: [

        { field: 'recid', text: 'ID', size: '50px', resizable: true, sortable: true },

        { field: 'fname', text: 'Full Name', size: '200px', resizable: true },

        { field: 'lname', text: 'Last Name', size: '100%', resizable: true },

        { field: 'email', text: 'Email', size: '100%', resizable: true }

    ],

    records: [

        { recid: 1, fname: 'John', lname: 'Doe', email: 'john@gmail.com', sdate: '1/3/2012' },

        { recid: 2, fname: 'Stuart', lname: 'Motzart', email: 'stuart@gmail.com', sdate: '4/13/2012' },

        { recid: 3, fname: 'Jin', lname: 'Franson', email: 'jin@gmail.com', sdate: '3/3/2012' },

        { recid: 4, fname: 'Susan', lname: 'Ottie', email: 'susan@gmail.com', sdate: '5/3/2012' },

        { recid: 5, fname: 'Kelly', lname: 'Silver', email: 'kelly@gmail.com', sdate: '8/19/2012' },

        { recid: 6, fname: 'Francis', lname: 'Gatos', email: 'francis@gmail.com', sdate: '6/12/2012' },

        { recid: 7, fname: 'Mark', lname: 'Welldo', email: 'mark@gmail.com', sdate: '8/13/2012' },

        { recid: 8, fname: 'Thomas', lname: 'Bahh', email: 'thomas@gmail.com', sdate: '4/31/2012' },

    ],

    onReorderRow(event) {

        console.log(`Record ${event.recid} moved before ${event.moveBefore || event.moveAfter}`)

    }

})

​

w2ui.grid.on('reorderRow', function(event) {

    console.log(event);

});

​