Можно ли обернуть тег tbody

Question

У меня есть следующий код

<table style="width:100%;">
    <thead >
        <tr>
            <td style="width:6%">ID</td>               
            <td style="width:94%">Notes</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>Some Notes</td>
        </tr>
    </tbody>
    <tbody>
        <tr>
            <td>2</td>
            <td>More Notes</td>
        </tr>
    </tbody>
</table>

Это отлично работает!Тем не менее, мне нужно добавить сортировку Jquery.Вот где я застрял.

Единственное, что должно быть sortable - это раздел tbody.Однако я не знаю, как их обернуть.

Если я оберну tbody div, мне скажут, что это неверный HTML.EG

<div id ="someIdForParent">
   <tbody>...</tbody><tbody>...</tbody>
</div>

Тем не менее, это то, что я хотел бы сделать, чтобы тело могло иметь containment как "parent".

Я не могу управлять макетомHTML, в этом случае он будет представлен только как массив tbody элементов

. Можно ли это сделать с помощью действительного HTML (5)? ​​

Answer 1

Если вы хотите оставить первый ряд на месте, используйте:

$('table').sortable({items: 'tr:not(:first)'});