Блог

Есть ли способ повернуть 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>
  

У меня есть плагин перетаскивания, который использует таблицу, и я пытаюсь создать фрагмент, который позволяет пользователю добавлять в очередь (в результате получается таблица), а затем они также могут поворачивать ее по кругу. Спасибо.

Как насчет чего-то подобного?

     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/

Существует плагин TableSorter.