有没有一种方法可以旋转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>

我有一个使用表格的拖放插件，现在想要添加一个功能，允许用户将其添加到队列中（结果显示在表格中），并且还可以旋转它。谢谢。

- Josh

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/

- user113716

Answer 2

有一个TableSorter插件。

- serg