Sortable rows in javascript or Jquery UI

Question

I have a javascript file which outputs a table with some items on the fly, and i want to make them sortable by dragging and dropping them to another order.

i have looked up the JQuery UI library but i can't find how to apply the library to my app.

  static addBookToList(book){
    const list = document.querySelector('.book-list');
    const row = document.createElement('tr');
    row.innerHTML = `
    <td>${book.title}</td>
    <td>${book.author}</td>
    <td>${book.isbn}</td>
    <td><a href="#" class="btn btn-danger btn-med delete">x</a></td>
   `;


   list.appendChild(row);
 }

this will add a table of books to a list (which i want to be sortable)

Well, what have you tried so far? It doesn't look like you've attempted to use JQuery UI at all yet. — Nathan Champion
– Nathan Champion, Commented Jan 17, 2019 at 2:49

Dan Sto Domingo · Accepted Answer · 2019-01-17 02:47:11Z

0

assuming that u have loaded all jquery ui libraries

then

$(function() {
   $("tr").draggable();
});

answered Jan 17, 2019 at 2:47

Dan Sto Domingo

1162 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Nathan Champion Over a year ago

That just allows you to drag it around the page. This won't snap, sort or anything.

Collectives™ on Stack Overflow

Sortable rows in javascript or Jquery UI

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related