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插件。

有没有办法旋转html表？

2 个答案: