CODEWITHSUNDEEP
jqueryjquery-uihtml-tablejquery-ui-sortable
Hasitha Shan
Hasitha Shan

Reputation: 2980

Multiple table row sort

I am trying to implement the sortable feature to an html table using jquery-ui and I came across an issue.

I need to be able to sort a set of rows belonging to specific topics and sort the rows within that topic as-well. I have done a sample as follows,

What I have for now - jsFiddle

But my concern is how can I allow the items within the topics to be sortable. Currently its sorts only the main topics and you experts' help on this greatly appreciated.

P.S. - I put this together by studying these two samples, Sample 1 - jsFiddle, Sample 2 - jsFiddle

Please excuse if this is a simple question. I am a bit new to this area of development.

Upvotes: 0

Views: 345

Answers (1)

Hitesh Siddhapura
Hitesh Siddhapura

Reputation: 1392

I have did few changes into html & JavaScript see in JSFiddle

JavaScript Code

$("#sort > tbody").sortable({
    items: 'tr:not(.head)'
}).disableSelection();
$("#sort").sortable({
    items: 'tbody:has(tr)'
}).disableSelection();

Upvotes: 1

Related Questions