有没有办法旋转 html 表格？答案

【问题标题】：Is there a way to rotate an html table?有没有办法旋转 html 表格？
【发布时间】：2010-05-02 19:59:09
【问题描述】：

有没有办法旋转 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>

我有一个使用表格的拖放插件，我正在尝试做一个允许用户添加到队列中的部分（这会导致表格），然后他们也可以将其旋转为好吧。谢谢。

【问题讨论】：

标签： jquery drag-and-drop

【解决方案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/

【讨论】：

【解决方案2】：

有TableSorter插件。

【讨论】：