Таблица - 3 ячейки в ряду

Question

http://jsfiddle.net/tiitremmel/DpMB7/ - базовый пример того, что я уже сделал

Я пытаюсь переставить ячейки таблицы так, чтобы таблица всегда получала по 3 ячейки в строке.В таблице всегда по умолчанию 1 ячейка на строку.

Вид таблицы по умолчанию:

1
2
3
4
5
6
7

И результат должен выглядеть

1 2 3
4 5 6
7

jQuery должен ограничивать 3 ячейки в строке.

Answer 1

Вы можете использовать ломтик, чтобы разделить ваши td так, как вы хотите, и добавить их в свою таблицу des.* Вы получите следующее:

<table id="des">
    <tbody>
        <tr>
            <td>
                1
            </td>
            <td>
                2
            </td>
            <td>
                3
            </td>
        </tr>
        <tr>
            <td>
                4
            </td>
            <td>
                5
            </td>
            <td>
                6
            </td>
        </tr>
        <tr>
            <td>
                7
            </td>
        </tr>
    </tbody>
</table>

Пример jsfiddle .

Answer 2

Вы можете попробовать что-то вроде этого http://jsfiddle.net/DpMB7/10/

var table$ = $('<table class="formattedTable"/>');
$('table.myTable td').each(function(index) {
    if (index % 3 === 0) {
        table$.append('<tr/>');
    }
    table$.find('tr:last').append(this);
});
$('body').append(table$);

Это не самый лучший код jQuery в мире, но эй, я учусь :)