tablesorte with rowspan not work:

[askovpen]

tablesorte with rowspan not work:

http://jsfiddle.net/a0nghxdz/

[Mottie]

Hi @askovpen!

Tablesorter does not currently support sorting colspan or rowspan settings in the tbody; duplicate of issues #110, #485 and #746.

I do plan on adding support eventually, but it will be in the tablesorter update renamed to Abelt - it is still a work in progress.

[ioleo]

Hi @askovpen @Mottie

I've had a similar problem. I've resolved it useing event handlers:

    $('table').bind("sortEnd updateComplete",function(e, table) {
        $(table).find("[data-row]").each(function(idx, parent){
            var $parent = $(parent);
            var $rows = $(table).find('[data-parent="'+$parent.data('row')+'"]');

            // this is needed only to keep "odd"/"even" classes in sync with parent
            // uncomment only if you use zebra
            // if ($parent.hasClass('odd')) {
            //  $rows.removeClass('even').addClass('odd');
            // } else {
            //  $rows.removeClass('odd').addClass('even');
            // }

            // move rows only if needed
            if ($rows.first().prev('tr')[0] != $parent[0]) {
                $parent.after($rows);
            }

            // cancel hiding child rows
            $rows.show();
        });
    });

This requires to add data-row attribute to each "parent row" and data-parent attribute to each child row. See the fiddle below.

Note: moveing many child rows may cause performance issues. In my case, my tables were not going to contain too much rows, so I did not care.

Here is fiddle: http://jsfiddle.net/djhqmt92/

[sytolk]

Thanks @loostro