[jQuery] Tablesorter problem when moving columns around

[jQuery] Tablesorter problem when moving columns around


For an app I'm making I have a table with one always visible column, then you
can view 5 more, any extra columns are hidden. The 5 are selectable so that
you can choose which 5 you want to see.
This all works great except that I need to move the columns so that the
order of the columns is the same as what the use has selected. (see:
http://www.bungert.co.uk/forum_pics/table1.jpg )
To do that I use the following function:
    this.moveColumn = function(selecIdNum, selector)
    {
        var cells            = $('.' + selector).clone(true); // Copy the cells
        var numberOfRows    = cells.length - 2; // - Cells from tfoot and thead
        var cellSelector    = 'TextCell';
        
        // Remove the cells
        $('.' + selector).remove();
        
        if (selecIdNum > 0) // If this is not the first selector
        {
            // Change the cellSelector
            cellSelector = selectors[selecIdNum - 1].lastActive + 'Cell';
        }
        
        // Add the thead tfoot cells
        $('#contentTable thead th.' + cellSelector).after(cells[0]);
        $('#contentTable tfoot th.' + cellSelector).after(cells[1]);
        
        // Now the tbody cells
        for (row = 0; row < numberOfRows; row ++)
        {
            // Get the TD that we need to paste after
            var td = $('#contentTable tbody tr.row' + row + ' td.' + cellSelector);
            
            // Insert the new cell
            $(td).after(cells[row + 2]);
        }
        
        //$("#contentTable").tablesorter();
    }
The move is fine, it shows the columns in the same order as the user has
selected but the events are all gone when I copy the cells using:
var cells            = $('.' + selector)
I now use:
var cells            = $('.' + selector).clone(true);
and this copies my onmouseover/out events but the table sorting ones are no
longer there.
I tried re-applying tablesorter();, this sort of works. I can sort the new
column but only once, then it does nothing... teh same is also true for all
columns after calling tablesorter() again.
Anyone know how I can clone the cells with all their tablesorting functions?
Or re-apply the tablesorter() function so that the sorting works?
-----
--
Stephen Bungert
--
View this message in context: http://www.nabble.com/Tablesorter-problem-when-moving-columns-around-tp24642526s27240p24642526.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.