sortablejs / jquery-sortablejs Goto Github PK

I want to be able to sort table headers on a table. When the table requires vertical scroll the headers are no longer sortable horizontally.

I am not sure if this has anything to do with it but I do have a bootstrap table resetView with the fixed-height option.

I'm interested in plugins like multidrag but I'm using the jquery version. Is there any documentation on how to enable those plugins with jquery?

The following wiki instructs to mount the plugin:

https://github.com/SortableJS/Sortable/wiki/Dragging-Multiple-Items-in-Sortable

But when I attempt to do so I get an error: MultiDrag is not defined

I want to use clone option for a container but disable it for another container. How can I achieve this?

When using this call:

$(listId).sortable({
    handle : '.sortablehandle',
    onChange: function() {
        //...
    }
});

I am getting the following error in jquery-sortable.js:68:

Uncaught TypeError: Cannot use 'in' operator to search for '#<Object>' in undefined

I am using this versions:

• "jquery": "^3.4.1",
• "jquery-sortablejs": "^1.0.1",
• "sortablejs": "^1.10.2",

As I was trying to figure out how to use SortableJS with the jQuery binding, I created this JSBin sandbox. Perhaps it will save you some trouble.

https://jsbin.com/nopixes/edit?html,js,console,output

i tried so many times but i am not able to find any solution for the placeholder

I am trying to use the multidrag utils methods select and deselect

Below is [https://jsfiddle.net/riyamitra/4oatsyde/] (js fiddle for the scenario) I need to prevent vertically scrolling as my list horizontally scrolling. I want the dragging element to be only in horizontal direction.

I keep getting Sortable is not a constructor when using it with Webpack in Laravel.

import Sortable from 'sortablejs';
import 'jquery-sortablejs';

window.Sortable = Sortable;
window.$ = window.jQuery = require('jquery');

It works fine when I use CDN. What could be causing this?