jquery - 有没有办法旋转 html 表格？

Question

有没有办法旋转 html 表格？所以，假设我有一张这样的 table :

  <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 旋转到任意方向。例如，单击右键，结果是:

  <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/