Topic: Drag and drop Sortable table with elements added from JavaScript
Expected behavior I should be able to sort elements
Actual behavior Sorting is not working (sorry for the inadequate description, but please take a look at the code snippet and try to sort the elements...)
Resources (screenshots, code snippets etc.) https://mdbootstrap.com/snippets/standard/ererling-sande-no/6169653#html-tab-view
Thanks for reporting. We'll fix it. Before we release a fixed version, you can first add elements to sortable-list and then init Sortable:
// Sortable
const sortableEl = document.getElementById('sortable');
for(i=1;i<=5;i++){
const newElement = document.createElement('div');
newElement.classList.add('sortable-item');
newElement.textContent = 'New Element '+i;
sortableEl.append(newElement);
}
const instanceSortable = new DragAndDrop.Sortable(sortableEl);
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 7.3.2
- Device: PC
- Browser: Chrome
- OS: Windows 11
- Provided sample code: No
- Provided link: Yes