有没有办法旋转一个HTML表？

Question

有没有办法旋转一个HTML表？所以，说我有一个表是这样的：

<table id="table-1" cellspacing="0" cellpadding="2"> 
     <tr><td>1</td></tr> 
     <tr><td>2</td></tr> 
     <tr><td>3</td></tr> 
     <tr><td>4</td></tr> 
     <tr><td>5</td></tr> 
     <tr><td>6</td></tr> 
    </table> 

，并希望某种按钮，即有它背后的JavaScript可以旋转的表中的任何哪个方向。例如，单击鼠标右键，将导致：

<table id="table-1" cellspacing="0" cellpadding="2"> 
     <tr><td>6</td><td>5</td><td>4</td><td>3</td><td>2</td><td>1</td></tr> 
    </table> 

我有一个拖放使用表插件，我试图做一件，允许用户添加到一个队列（导致表），然后他们也可以旋转它。谢谢。

Answer 1

这样的事情呢？

var len = $('#table-1 tr').length; 
    var $first = $('#table-1 tr').eq(0); 
    for(var i = 1; i < len; i++) { 
     $('#table-1 tr').eq(1).find('td').prependTo($first); 
     $('#table-1 tr').eq(1).remove(); 
    } 

http://jsfiddle.net/LLknJ/

Answer 2

有TableSorter插件。