Multiple table row sort

Question

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.

@HiteshSiddhapura yes.. I want the topics to be sortable as a whole which i have now, and the items within the topics to be able to sort also :) — Hasitha Shan
– Hasitha Shan, Commented Jul 28, 2015 at 4:39

Hitesh Siddhapura · Accepted Answer · 2015-07-28 04:47:47Z

1

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();

answered Jul 28, 2015 at 4:47

Hitesh Siddhapura

1,40215 silver badges20 bronze badges

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

2 Comments

Hasitha Shan Over a year ago

Hi thanks for the answer +1 :) the solution works .. but is this the proper way to do it ?

Hitesh Siddhapura Over a year ago

@Hasitha Yes it is. (if it working fine then select as answer)

Collectives™ on Stack Overflow

Multiple table row sort

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related